tavolo Bootstrap non nuova linea

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> 

Questo è il mio codice, questo è il risultato: https://www.dropbox.com/s/6vkc2mpu7z4yqgq/Screenshot%202014-10-15%2019.28.09.png?dl=0

Come posso avere il TD soldi su una linea? Questo sito web è reattivo ma il testo diventa in due righe a causa degli spazi nel testo.

Answer 1

Se si desidera avere il testo stesso uso linea di stile CSS

white-space:nowrap; 

esempio:

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

Nel foglio di stile CSS

.nowrap { 
     white-space:nowrap; 
    } 

Bootstrap modo di farlo

Dal momento che si dispone già di bootstrap, non c'è bisogno di definizione di una classe, è possibile utilizzare la classe text-nowrap

Basta provare questo nel vostro td o se non funziona provare ad aggiungere un span intorno il testo e assegnare il class

ad esempio:

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

o

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

Maggiori informazioni su questo in Bootstrap documentation controllare sotto classi di allineamento

Answer 2

Uso   invece di spazio