Twitter Bootstrap Responsive - Chỉ hiển thị Cột Bảng trên Desktop

Question

Tôi đang sử dụng DataTables.net + Twitter Bootstrap và bố cục đáp ứng, những gì tôi đang cố gắng ẩn một số cột trong bảng bằng cách sử dụng lớp "máy tính để bàn có thể nhìn thấy" cho thấy các cột chỉ có kích thước lớn nhưng dường như không hoạt động, ẩn tốt nhưng nếu tôi thay đổi kích thước cửa sổ để có chiều rộng máy tính để bàn, các cột ẩn bắt đầu hiển thị xếp chồng lên nhau, có vẻ như vấn đề về lớp hiển thị CSS, vì kế thừa kiểu hiển thị từ cha mẹ :

.visible-desktop { 
    display: inherit!important; 
} 

Nếu tôi vận dụng nó để

.visible-desktop { 
    display: table-cell!important; 
} 

hoạt động tốt ... Có cách nào khác không? Hoặc tôi phải viết lớp riêng của tôi để ẩn cột bảng?

Answer 1

Cuối cùng tôi phát hiện ra rằng tồn tại một workaround thay thế:

visible-desktop 

bởi

hidden-phone hidden-tablet 

Hope giúp một ai đó!

Answer 2

Trên Boostrap 3.0 sử dụng .visibilty-<size> hoặc .hidden-<size> các lớp phản hồi như được mô tả trong tài liệu chính thức.

http://getbootstrap.com/css/#responsive-utilities-classes

Answer 3

lớp Sẵn sàng cho .visible và .hidden.

Sử dụng một hoặc kết hợp các lớp có sẵn để chuyển đổi nội dung qua các điểm ngắt khung nhìn.

Từ Bootstrap phần ở đây http://getbootstrap.com/css/#responsive-utilities-classes