文章/答案/技术大牛

发布

社区首页 >问答首页 >col-10和col 2行在引导3中在右侧生成奇怪的间距。

问col-10和col 2行在引导3中在右侧生成奇怪的间距。
EN

Stack Overflow用户

提问于 2014-01-25 23:05:55

回答 1查看 2.3K关注 0票数 0

我有一个非常简单的代码：

<body>
    <div class="myclass">
        <div class="row">
            <div class="col-md-10">Blah</div>
            <div class="col-md-2">
                <div>Hello </div>
            </div>
        </div>
    </div>
</body>

我加载firefox，看到这一行在右边占用了一些额外的空间。这会导致底部出现水平滚动条，因为浏览器认为站点宽度非常宽。这是一张照片：

划到第12圈不是很好吗？col-10 + col-2加起来相当于col-12，那么我为什么要得到额外的空间呢？

twitter-bootstrap-3

html

css

twitter-bootstrap

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-01-25 23:41:06

将您的.row包装在一个.container中。

或者将padding: 0 15px;添加到myclass中。

.myclass{
    padding: 0 15px;
}

网格和全宽度布局--想要创建完全流畅的布局(这意味着站点扩展了视图端口的整个宽度)，必须将网格内容封装在包含元素中，填充:0 15 on；以抵消空白:0-15 on；在.rows上使用。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/21357400

复制

相似问题

问col-10和col 2行在引导3中在右侧生成奇怪的间距。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问col-10和col 2行在引导3中在右侧生成奇怪的间距。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问col-10和col 2行在引导3中在右侧生成奇怪的间距。
EN