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没有见过那种“最佳实践”,但是是的,你的推理很好。谢谢我们会考虑<代码>:)