Bootstrap таблица не новая линия

Question

<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

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

Answer 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> 

Подробнее об этом в Bootstrap documentation Проверка под Выравнивание классов

Answer 2

Использование   вместо пространства