我们可以使用 Bootstrap3 更改 css 中容器的宽度吗

Question

如何在 bootstrap3 中更改容器的宽度。我想要浏览器中心的内容（浏览器宽度的 70%）。

               <p>

                 Use Bootply to design, prototype, or test the Bootstrap framework. Find examples, share code and rapidly build interfaces for Bootstrap. 
                 Use Bootply to design, prototype, or test the Bootstrap framework. Find examples, share code and rapidly build interfaces for Bootstrap. 
              </p>
               <p>

Use Bootply to design, prototype, or test the Bootstrap framework. Find examples, share code and rapidly build interfaces for Bootstrap. 
              Use Bootply to design, prototype, or test the Bootstrap framework. Find examples, share code and rapidly build interfaces for Bootstrap. 


            </p><p>
            Positive Energy By Nature <br>
            Sun is always there for us
            </p>

            <p>
                Use Bootply to design, prototype, or test the Bootstrap framework. Find examples, share code and rapidly build interfaces for Bootstrap. 
            </p>
            </div>

Please check my code

Answer 1

您将 p 标签包围在

<div class="container">

然后在您的 css 文件中声明如下内容：

.container {
  max-width: 70%;
}

希望对您有所帮助:)

但是最好准确声明最大宽度而不是 70%...例如 max-width: 1100px;

Answer 2

您可以创建新样式。将其命名为 styl.css。之后，搜索 bootstrap3 文件夹。你会发现 bootstrap.min.css。输入 Ctrl+F 并搜索 "container" class。修改一下。

例如，

.container{
    width:70;
}

希望对你有所帮助。

我们可以使用 Bootstrap3 更改 css 中容器的宽度吗

Can we change width of container in css using Bootstrap3

containers

width

twitter-bootstrap-3