Question

我正在努力在引导程序中使用网格系统在列之间添加间距（或边距）。我的html和css在下面。我无法在网上发布任何解决方案。目标是col-8和col-4之间的间距。有什么建议？谢谢！

HTML：

      <div class="container">
          <div class="row">
                <div class="col-md-8">
                     hello
                </div>
                <div class="col-md-4">
                    <div class="row" align="center">
                        <div class="col-md-4">
                            <a href="#"><img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/github_circle_black-128.png" class="icon-resize" alt="github"></a>
                        </div>
                        <div class="col-md-4">
                            <a href="#" target="_blank"><img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/linkedin_circle_black-128.png" class="icon-resize" alt="linkedin"></a>
                        </div>
                        <div class="col-md-4">
                            <a href="#" class="icon-resize" target="_blank"><img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/twitter_circle_black-128.png" class="icon-resize" alt="twitter"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

CSS：

.container {
max-width: 960px;
height: 100%;
}

Answer 1

这是您正在寻找的内容： gridGutterWidth

通常会下载原始（.scss或.less）版本的bootstrap，因此您可以在构建时控制css output。如果您不使用其中任何一个，您可能会发现http://getbootstrap.com/customize/很舒服。

Answer 2

您可以通过

申请内联

<div class="col-md-4" style="padding-left:1em">

一行中列之间的引导间距

2 个答案: