Dễ dàng sắp xếp bảng bằng cách đặt thuộc tính "căn chỉnh", nhưng sắp xếp bảng bằng css là một chút hacky. Có hỗ trợ tích hợp cho các bảng sắp xếp trong Twitter Bootstrap 2.0 không?Có bất kỳ thứ gì được tích hợp vào Twitter Bootstrap 2.0 để căn chỉnh nội dung của bảng không?
Không có gì được xây dựng trong để hỗ trợ này là nhưng nó là rất dễ dàng để thêm một cái gì đó như:
.table th.rightCell,
.table td.rightCell {
text-align: right;
}
Cách khác để giữ các quy ước đặt tên của Bootstrap và sử dụng lớp 'text-right' được dựng sẵn, bạn nên thêm nó vào css của riêng bạn: ' .table th.text-right, .table td.text-right { văn bản -sắp xếp đúng; } ' và sau đó sử dụng '
Đối với "td" Tôi từng này được bao gồm trong bootstrap css:
<td class="pagination-centered">
"pagination làm trung tâm" <- nó quá dài (19 ký tự). Tôi muốn sử dụng một tên lớp ngắn hơn. – fedmich
Bootstrap's alignment classes bao gồm .text-right đặt text-align: right.
Thật không may Bootstrap đặt text-align: left cho tế bào bảng để áp dụng .text-right đến một <td> không có bất kỳ tác dụng:
<td class="text-right">
Still left aligned
</td>
Thêm .text-right đến một yếu tố ngăn chặn bên tuy nhiên các tế bào làm việc:
<td>
<p class="text-right">Right aligned</p>
</td>
<td>
<div class="text-right">Right aligned</div>
</td>
Tôi đang sử dụng Bootstrap 3.0 và '.text-right' hoạt động hoàn hảo khi được áp dụng trực tiếp cho'
Tôi không chắc đây là 'hacky'. Bootstrap chỉ là một bootstrap để có được những thứ bắt đầu và có nghĩa là để được xây dựng dựa trên. –