Css 引导全网格宽度
我正在进行引导,并试图在移动设备上使Css 引导全网格宽度,css,twitter-bootstrap,Css,Twitter Bootstrap,我正在进行引导,并试图在移动设备上使div达到全宽(12格) <div class="col-md-9"></div> 我希望它在md上是9,但在xs上是12。你要怎么做呢?你需要为手机使用另一个类。如果它们是sm或xs: <div class="col-md-9 col-xs-12"></div> 如果使用col-sm-12,它在桌面上以9格显示,在使用sm的设备上以全格显示。此外,如果您需要 100% >代码>宽度,我想这是问题,您
div
达到全宽(12格)
<div class="col-md-9"></div>
我希望它在
md
上是9
,但在xs上是12
。你要怎么做呢?你需要为手机使用另一个类。如果它们是sm
或xs
:
<div class="col-md-9 col-xs-12"></div>
如果使用col-sm-12
,它在桌面上以9格显示,在使用sm
的设备上以全格显示。此外,如果您需要<代码> 100% >代码>宽度,我想这是问题,您可能会考虑不在代码> >容器*< /Cord>类> < /P>内包装您的元素。
供参考,来自:
sm
-小型设备平板电脑(≥768px)
xs
-额外的小型设备电话(如您所说,您需要12英寸的xs,然后也添加这个类
<div class="col-md-9 col-xs-12"></div>
试试
通常它会像
一样。lg用于大屏幕,md用于中等屏幕。对于手机,它应该是col-sm-12,可能最好将列类从最小到最大排列,因为引导是移动的-因为它们在中使用它。@Vucko当然。但这并不重要。
是相同的CSS的定义决定了一切。:)
我知道这不重要,但可以说这是“最佳实践”:(至少对我和我的强迫症来说是如此):@Vucko没有见过那种“最佳实践”,但是是的,你的推理很好。谢谢我们会考虑<代码>:)