Bootstrap bảng không có dòng mới

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> 

Đây là mã của tôi, đây là kết quả: https://www.dropbox.com/s/6vkc2mpu7z4yqgq/Screenshot%202014-10-15%2019.28.09.png?dl=0

Làm thế nào tôi có thể có TD tiền trên cùng một dòng? Trang web này đáp ứng nhưng văn bản trở thành hai dòng vì các khoảng trắng trong văn bản.

Answer 1

Nếu bạn muốn có văn bản trong cùng một dòng sử dụng CSS phong cách

white-space:nowrap; 

ví dụ:

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

Trong CSS

.nowrap { 
     white-space:nowrap; 
    } 

Bootstrap cách để làm việc đó

Vì bạn đã có bootstrap, không cần định nghĩa lớp, bạn có thể sử dụng lớp text-nowrap

Chỉ cần cố gắng này trong td của bạn hoặc nếu không hoạt động thử thêm một span xung quanh văn bản của bạn và giao cho class

ví dụ:

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

hoặc

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

Thông tin thêm về này trong Bootstrap documentation Kiểm tra dưới lớp Alignment

Answer 2

Sử dụng   thay vì không gian