我有这个代码:
<div class="row"> <div class="col-sm-3 col-sm-offset-6 col-md-12 col-md-offset-0"></div> <div class="col-sm-3 col-md-12"></div> </div>
现在,我想为小(sm)屏幕实现:
制作两个div,每个div分别有三列和6列的偏移量@H_404_6@
对于中等(md)屏幕,我想使两个具有两个div,每个具有12列(一个在另一个),偏移量为0列.@H_404_6@
不知何故浏览器不能识别“col-md-offset-0”的类.它仍然使用“col-sm-offset-6”类.@H_404_6@
任何想法为什么?@H_404_6@
解决方法
你使用哪个版本的引导? Bootstrap 3(3.0,3.0.1)的早期版本与此功能无关.
col-md-offset-0应该在这里发现的这个引导例子(http://getbootstrap.com/css/#grid-responsive-resets)中看到:@H_404_6@
<div class="row"> <div class="col-sm-5 col-md-6">.col-sm-5 .col-md-6</div> <div class="col-sm-5 col-sm-offset-2 col-md-6 col-md-offset-0">.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0</div> </div>