2013-05-14 33 views
12

我使用的是DataTables.net + Twitter Bootstrap和響應式佈局,我試圖隱藏表中的某些列使用「可見桌面」類只顯示大小的列,但它似乎不工作,隱藏很好,但如果我調整窗口的大小以獲得桌面寬度隱藏的列開始顯示堆疊,似乎是一個CSS顯示類的問題,因爲繼承父類的顯示類型:Twitter Bootstrap響應 - 僅在桌面上顯示錶列

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

如果我操縱它到

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

運作良好...有沒有解決方法?或者我必須編寫我自己的表來隱藏表格列?

回答

22

我終於發現,存在一種解決方法代替:

visible-desktop 

通過

hidden-phone hidden-tablet 

希望可以幫助別人!

+4

這是好接受你自己的答案,這表明它是正確的。 – davidkonrad 2013-05-14 15:06:24

+1

我必須說這個答案只適用於Boostrap 2,當我問的時候,Boostrap 3不存在。 – Santiago 2015-06-24 18:52:31

29

可用類.visible.hidden

使用單個或多個可用類的組合切換視口斷點上的內容。

bootstrap css html visible and hidden class grid

從引導部分這裏http://getbootstrap.com/css/#responsive-utilities-classes

+1

這不回答這個問題。因爲這些類添加的CSS樣式允許設置:display,display-block,display-inline。他問的是「表格單元格」,如果有更好的方法用BS來做(不添加自定義樣式)。 – 2016-08-05 10:20:48

+1

似乎Google一直在迴應有關Bootstrap中「visible」/「hidden」類的問題(基於原始答案收到的頻繁提示),不斷拋出此線程。 – DeBraid 2016-08-07 17:56:50