如何使用Bootstrap

Question

我正在创建一个仅限移动设备的网站，例如＆＃34; m.domainname.com＆＃34;。 我想在我的网站上使用Bootstrap。但是，对于主容器div，如果我使用＆＃34;容器＆＃34;上课，它将是1170px。我的网站以1024px开头。

如何设置容器div的宽度？我这样做是正确的吗？

Answer 1

如何将容器宽度从1170更改为1024px？看看bootstrap.css并更改此

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

到

@media (min-width: 1200px) {
  .container {
    width: 1024px;
  }
}

Answer 2

如果您的网站仅适用于移动设备，那么您无需使用@media (min-width:1200)作为您的css。如果您不想设置实际金额，您可以这样做：

.container {width:95%; margin-right:auto; margin-left:auto;}

Answer 3

如果您不需要为容器设置显式宽度，则可以使用Bootstrap的container-fluid类。来自Grid documentation：

  

行必须放在.container（固定宽度）或   .container-fluid（全宽），用于正确对齐和填充。

如果确实需要在不同的断点处为容器设置显式宽度，可以generate a customized CSS file for Bootstrap使用您的数字。该链接允许您为：

设置容器宽度

• 片剂
• 小
• 桌面
• 介质
• 大桌面
• 大

它还允许您更改许多其他默认值。