Bootstrap完整网格宽度

Question

我正在开发bootstrap并试图在移动设备上使div全宽（12个网格）。

<div class="col-md-9"></div>

我希望9 md 12 xs $app->response->redirect($app->urlFor('home')) $app->urlFor('home')。如何做到这一点？

Answer 1

您需要为手机使用其他课程。如果他们是sm或xs：

<div class="col-md-9 col-xs-12"></div>

如果您使用col-sm-12，则会在桌面上显示9个网格，并在使用sm的设备上显示完整网格。另外，如果您需要100%宽度，我想这是一个问题，您可能会考虑不将您的元素包装在.container*类中。

仅供参考，来自docs：

• sm - 小型设备平板电脑（≥768px）
• xs - 超小型设备电话（＆lt; 768px）

Answer 2

正如你所说，你想要12个xs然后再添加这个类

<div class="col-md-9 col-xs-12"></div>