Div之间的空白空间？

Question

我使用的是带有12列网格（bootstrap）的框架。

我必须使用所有十二列，还是有办法在它们之间插入空格，没有偏移？

编辑：

• 请考虑投票。
  如果您认为目前的形式并不是很好，请解释原因。
• 另请考虑投票重新开启 标记的副本 little 与此处提出的内容有关。

原始问题

如何在某些列之间留出空格，例如

111 111 111 empty_space 11（共12列）

因此，如果列占用太多空间（在上面的情况下，＃10或＃11），它将使用空格而不是分成新行？

Answer 1

如果您有一个12 col网格，则必须拥有所有cols才能完成网格。只需更改col-2的{​​{1}}，您就不需要使用浮点数了。此外，您可以使用偏移量（2 + 9 + 1 = 12）：

col-3

Answer 2

我还没有足够的回复评论，但是，你的专栏应该加起来12，对吗？ 2 + 9 = 11

<div class="container">
  <div class="row">
    <div class="col-sm-3"><img src="http://www.brandsoftheworld.com/sites/default/files/styles/logo-thumbnail/public/0009/1170/brand.gif?itok=FfrOCEJC" width="100px" height="100px" alt="Logo" />
    </div>
    <div class="col-sm-9 titolo">
      <h1>DANI SPRINGER</h1>
      <h4>FRONT-END NINJA</h4>
    </div>
  </div>
</div>

.titolo {
  vertical-align: bottom;
  **text-align: right;**
  height: 50px;
  float: right;
  display: block;
  background-color: blue;
}

如果你不希望图像伸长，你可以在它们之间添加一个额外的占位符div，但是所有列实际上应该加起来为12。

**编辑 css属性text-align右键将文本推到div的右边：

然后在右边添加边距后：

h1{
  margin-right:20%;
}

h4{
  margin-right:40%;
}

结果应如下所示：

Answer 3

标头元素默认为width: 100%。因此，它已经向右浮动，但是不可见。

但是，您不需要浮动元素以正确对齐文本。标头标签的内部内容是文本。你只需要对齐它。

.titolo .h1,
.titolo .h4 {
    text-align: right;
}