首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >删除Bootstrap WELL填充左侧和右侧

删除Bootstrap WELL填充左侧和右侧
EN

Stack Overflow用户
提问于 2017-06-06 18:04:17
回答 2查看 1.1K关注 0票数 0

有没有可能让Bootstrap紧密地结合在一起?

我试过clearfix,但还是没有成功。

我想要做的是:

我的代码:

代码语言:javascript
运行
复制
<div class="container">
    <div class="row">
        <div class="col-md-4">
            <div class="well">
                <p>Write Something Here</p>
            </div>
        </div>

        <div class="col-md-4">
            <div class="well">
                <p>Write Something Here</p>
            </div>
        </div>

        <div class="col-md-4">
            <div class="well">
                <p>Write Something Here</p>
            </div>
        </div>
    </div>
</div>

任何帮助都将不胜感激!

EN

回答 2

Stack Overflow用户

发布于 2017-06-18 17:59:56

代码语言:javascript
运行
复制
<div class="container">
    <div class="row">
        <div class="col-md-4 well">
                <p>Write Something Here</p>
        </div>

        <div class="col-md-4 well">
                <p>Write Something Here</p>
        </div>

        <div class="col-md-4 well">
                <p>Write Something Here</p>
        </div>
    </div>
</div>
票数 2
EN

Stack Overflow用户

发布于 2017-06-06 18:19:01

在这里,更改左右两个像素的2px,以获得所需的间距!

代码语言:javascript
运行
复制
<style>
  .wellcontainer .col-md-4{
  padding-left:2px;
  padding-right:2px;
}
</style>
<div class="container wellcontainer">
    <div class="row">
        <div class="col-md-4">
            <div class="well">
                <p>Write Something Here</p>
            </div>
        </div>

        <div class="col-md-4">
            <div class="well">
                <p>Write Something Here</p>
            </div>
        </div>

        <div class="col-md-4">
            <div class="well">
                <p>Write Something Here</p>
            </div>
        </div>
    </div>
</div>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44387050

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档