在手机上的bootstrap中隐藏列

Question

我有一个有2列的网站,我想在移动设备上查看网站时隐藏其中一列.我知道您可以使用hidden_​​phone类并使用屏幕大小的媒体查询将列类设置为99%或其他任何内容,但我想知道这是否是正确的方法.有更好的方式或更正确的方式

<div class="container>
 <div class="row">
  <div class="span8">some content</div>
  <div class="span4 hidden-phone">some content</div>
 </div>
</div> 

@media (max-width: someresolution){
 .span8{
  width:99.3214534%;
 }
}

Answer 1

是的,这实际上是twitter bootstrap使用的方法.看看他们的网格系统的源代码.

隐藏的电话,...类(这些已更名为隐藏XS通过只设置了"显示"属性设置为"无"或取决于当前媒体查询"块",.在第3版)的工作.看看他们的反应,公用事业和 混入并查找文本"响应能见度"如果你想要的全部细节.

虽然这是'较少'而不是'css',但它应该是可读的.如果您对'less'有什么好奇,请访问lesscss.org网站