仅在xs设备上有液体

我想在xs和sm设备（容器流体）上使用全宽，但是对于所有其他设备只使用容器类。将此置于何处的最佳方式是什么？ 我已经尝试过jasnys bootstrap，它具有容器顺畅的类，但当屏幕超过一定尺寸时它不会居中内容。

---

覆盖CSS中的容器类并完成：

/* XS styling */
@media (max-width: @screen-xs-max) {
  .container {
    width: inherit;
  }
}

/* SM styling */
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
  .container {
    width: inherit;
  }
}

只需用相应的px值替换Less变量即可。

---

或者你可以这样做，它也可以工作：

// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) {
    .container {
        min-width: 100%;
    }
}

---

您可以添加相同容器的副本，并将其配置为仅在需要使用类hidden-xx和visible-xx所需的大小时可见，如下所示：

<div class="container-fluid hidden-md hidden-lg">
   your content here
</div>

这对于普通容器来说是这样的：

<div class="container hidden-xs hidden-sm">
       your content here
    </div>

链接地址: http://www.djcxy.com/p/84379.html

上一篇: fluid on xs devices only

下一篇: fetch friends list from facebook sdk 4.0.1 in android with graph api 2.2