twitter-bootstrap – 隐藏在手机引导中的列

发布时间：2020-12-18 00:12:51 所属栏目：安全来源：网络整理

导读：我有一个有2列的网站，我想在移动设备上观看网站时隐藏其中一列。我知道你可以使用hidden_??phone类，并将列类设置为99％，或者使用屏幕大小的媒体查询，但是我想知道这是否是正确的方法。有更好的方法还是更正确的方法 div class="container div class="row

我有一个有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%;
 }
}

解决方法

是的，这实际上是twitter引导使用的方法。看看 the source code of their grid system。

隐藏的电话，…类(这些已经重命名为隐藏xs，版本3)工作，只需将“显示”属性设置为“无”或“阻止”，具体取决于当前的媒体查询。看看他们的responsive-utilities和mixins，如果你想要完整的细节，寻找文本“响应能见度”。

虽然这是“少”而不是“css”，但它应该是可读的。如果您好奇，那么请稍候，请访问网站lesscss.org

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!