Twitter bootstrap 在手机上的引导中隐藏列

Twitter bootstrap 在手机上的引导中隐藏列,twitter-bootstrap,Twitter Bootstrap,我有一个有两列的网站,我想在手机上查看该网站时隐藏其中一列。我知道你可以使用hidden_phone类,将column类设置为99%,或者使用屏幕大小的媒体查询,但是我想知道这是否是正确的方法。有更好的方法还是更正确的方法 <div class="container> <div class="row"> <div class="span8">some content</div> <div class="span4 hidden-ph

我有一个有两列的网站,我想在手机上查看该网站时隐藏其中一列。我知道你可以使用hidden_phone类,将column类设置为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%;
 }
}

是的,这实际上是twitter引导使用的方法。看一看

隐藏的电话。。。类(在版本3中,这些类已重命名为隐藏xs。)只需根据当前媒体查询将“display”属性设置为“none”或“block”。如果您想了解完整的详细信息,请查看他们的,并查看文本“responsive visibility”

虽然这是“less”而不是“css”,但它应该是可读的。如果你想知道“少”是什么,请访问以下网站: