Bootstrap stół żadna nowa linia

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> 

To jest mój kod, jest to wynik: https://www.dropbox.com/s/6vkc2mpu7z4yqgq/Screenshot%202014-10-15%2019.28.09.png?dl=0

Jak mogę mieć TD pieniądze na jednej linii? Ta strona jest responsywna, ale tekst staje się w dwóch liniach ze względu na spacje w tekście.

Answer 1

Jeśli chcesz mieć tekst samego użytku linia CSS stylu

white-space:nowrap; 

np:

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

W arkuszu stylów CSS

.nowrap { 
     white-space:nowrap; 
    } 

Bootstrap sposób to zrobić

Skoro masz już bootstrap, nie ma potrzeby z definicji klasy, można użyć klasy text-nowrap

prostu spróbuj to w td lub jeśli nie działa, spróbuj dodać span wokół tekstu i przypisać class

np:

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

lub

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

Więcej na ten temat w Bootstrap documentation Sprawdź pod klas Alignment

Answer 2

Zastosowanie   zamiast przestrzeni