Question

在小型移动视图中，为什么bootstrap会将容器粘贴在滚动条旁边。我想在左侧看一个均匀的差距。我是否必须更改引导程序才能执行此操作？

<div class="container">
    <div class="row">
        <div class="panel panel-default">
                <div class = "panel-body">
                    <div class="col-sm-3">
                        <h2>06/14 -</h2>
                    </div>
        <div class="col-md-9">
<!--            <div class="panel panel-default">
                <div class = "panel-body"> -->
                    <h2> Some header here <br><small>Progrm </small> </h2>

                    <dl class="dl-horizontal">
                      <dt>Key modules:</dt>
                      <dd>list</dd>
                      <dd>list </dd>
                      <dd>list
                    </dl>
                </div>
            </div>
        </div>
    </div>
</div>

Answer 1

您的body有一个padding: 0px 0px 0px 50px;会导致左侧获得50px填充，但不会产生右侧。

填充（以及每个其他css选择器）的方向是： selector: up right down left

因此，要解决您的问题，请在正确的方向添加50px填充，最后得到：padding: 0px 50px 0px 50px。

如果实际上是bootstrap定义了这个，你可以通过在bootstrap后包含的.css中定义这个样式来覆盖：

body {
  padding: 0px 50px 0px 50px;
}

祝你好运：）

Answer 2

从

更改body上的格式

padding: 0px 0px 0px 50px;

到

padding: 0px 50px 0px;

你做到了这一点，Bootstrap与此毫无关系。

Fiddle

如何在容器bootstrap3中获得均衡的差距

2 个答案: