html - Bootstrap 移动垂直间距

Question

我正在使用 Twitter 的 Bootstrap 设计一个网站，但我发现在移动 View 上控制网站的垂直间距存在问题，因为当切换到移动 View 时，元素要么粘在一起，要么相距太远。

boostrap 是否提供了增加或减少间距的任何东西，例如用于水平间距的 col-xx-offset-#？

或者是否有任何其他标准方法来控制它？

具有内联样式的代码示例:

https://jsfiddle.net/6e513k5o/

<div class="container">
        <div>
            <div style="color: #555;border: 3px solid #ed008c;border-radius: 4px; padding:10px" class="col-md-offset-2 col-md-3">
                <img class="img-responsive" style="margin:auto" src="http://placehold.it/231x213">
            </div>
            <div style="color: #555;border: 3px solid #ed008c;border-radius: 4px; padding:10px;margin-top:100px;margin-left:-3px;" class="col-md-3">
                <div style="text-align:center">
                    <label>
                        Mr. John Doe
                    </label>
                    <br>
                    <p>
                        CEO
                    </p>
                </div>
            </div>
        </div>
    </div>

Answer 1

使用<div class="row">在 <div class="container"> 之后