我可以放大' .container'在Bootstrap?

时间:2015-02-27 06:55:08

标签: css3 twitter-bootstrap web

我在Bootstrap中有一个页面,但我希望.container更宽。我可以更改此width的{​​{1}}吗?

2 个答案:

答案 0 :(得分:2)

有几种可能性:

自定义css

正如已经建议的那样,你可以覆盖你自己的css中的默认值。请注意,您可能不得不使用媒体查询为不同的屏幕尺寸定义其中的一些

自定义bootstrap

bootstrap's own customization page上,您几乎可以更改任何定义并生成自定义版本的引导程序。查找名为容器大小<​​/ em>

的部分

液体容器

如果您只想要一个横跨整个屏幕宽度的容器,请使用.container-fluid代替.container

<div class="container-fluid">
  ...
</div>

答案 1 :(得分:1)

您可以轻松覆盖Bootstrap的默认表示,只需包含您自己的CSS文件,然后执行以下操作:

.container {
    /* Write your custom width here! */ 
}