twitter-bootstrap - 智能手机和 PC 中不同宽度的响应式容器 - 引导程序

Question

如何在引导程序中制作响应式容器，在智能手机中将是全宽，而在 PC 中将是 70% 宽度？

标签： twitter-bootstrap

Answer 1

您可以通过使用CSS 的媒体查询来做到这一点（阅读更多）。我创建了一个你可以使用的类。

.container-custom {
  width: 100%;
} 
@media (min-width: 992px) {
  .container-custom {
    width: 70%;
  }
}