使用bootstreap根据设备显示格式

Question

我正在使用bootstreap3我希望根据deviec显示一些不同的格式 如果大中型设备我想使用左侧中间和右侧作为2,8,2列，对于移动和小型设备我想显示中间内容将全部12列。

我正在使用以下代码，但这对我来说并不完美。

<div> 
    <div class="col-lg-2 col-md-2" ></div>
    <div class="col-lg-8 col-md-8"></div>
    <div class="col-lg-2 col-md-2" ></div>
  </div>

适用于sm和xs的大中型设备，它不是全宽度。 如何实现这一目标？

Answer 1

值得引用bootstrap grid documentation。

您不需要拥有＆＃39; col-lg-2＆＃39; class as bootstrap首先是移动的（使用最小宽度的媒体查询） - 样式将应用于＆＃39; col-md-2＆＃39;。

此外，最佳做法是将最小的网格类放在第一位，例如：

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

希望这有帮助