Бутстрап-таблица без новой строки 

<h3>Mijn biedingen</h3>
        <table class="table table-responsive">
        <thead>
        <tr>
            <th>nummerplaat</th>
            <th>Bod</th>
            <th>Status</th>
            <th>Datum bod</th>
            <th>Aankoopdatum</th>
        </tr>
        </thead>
        <tbody>
                    <tr>
            <td>THOMAS</td>
            <td>&euro;    90 000,00</td>
            <td>open</td>
            <td>15/10/2014</td>
            <td>
                                        Niet beschikbaar
                                </td>
        </tr>
                    </tbody>
    </table>

Это мой код, вот результат: https://www.dropbox.com/s/6vkc2mpu7z4yqgq/Screenshot%202014-10-15%2019.28.09.png?dl=0

Как я могу получить деньги на одной линии? Этот сайт является отзывчивым, но текст становится в двух строках из-за пробелов в тексте.

Ответы

Ответ 1

Если вы хотите, чтобы текст был в одной строке, используйте стиль CSS

white-space:nowrap;

например:

<span class="nowrap">Your text here</span>

В таблице стилей CSS

 .nowrap {
        white-space:nowrap;
    }

Bootstrap способ сделать это

Поскольку у вас уже есть начальная загрузка, нет необходимости в определении класса, вы можете использовать класс text-nowrap

Просто попробуйте это в вашем тд или, если не работает попробуйте добавить span вокруг вашего текста и назначить class

например:

<td class="text-nowrap"> Your text </td>

или же

<td> <span class="text-nowrap">Your text </span></td>

Вы также можете иметь его в теге таблицы, так что нет необходимости добавлять в каждый элемент

например: <table class="text-nowrap">.... </table>

Подробнее об этом в документации по Bootstrap. Проверка по классам выравнивания.

Документация по Bootstrap 4 здесь

Ответ 2

Используйте &nbsp; вместо пространства