Question

我想把这些跨度放在中间位置： http://i.stack.imgur.com/3XHhG.png

我可以通过向它们添加offset1来实现： http://i.stack.imgur.com/bbr8T.png

现在，我的问题是：如何防止偏移变色。如果我的问题太模糊，请原谅。

HTML：

  <div class="span10" style="margin: 0 auto;background-color:#FFDDDD;">
    <div class="row">
      <div class="span2 offset1" style="text-align: right">
        <h1 style="">RWCO</h1>
        <h3>Bis: 11. März</h3>
      </div>
          <div class="span7">Lorem ipsum dolor sit a...`

Answer 1

您可以在span2之前添加span1。

（你可能只需在div中为span1留一个空格。否则浏览器会折叠这个div。）

（如果这个答案有效，那么就留下评论，你是否必须在div中留一个空格，或者它也没有空格。）

Answer 2

您应该仅将背景颜色应用于您希望拥有彩色背景的div（在本例中为span2，可能是span7？）。在您发布的示例中，您将背景应用于充当容器的span10，并且将背景应用于整个块是正常的...

试试这个：

<div class="span10" style="margin: 0 auto;">
    <div class="row">
      <div class="span2 offset1" style="text-align: right; background-color:#FFDDDD;">
        <h1 style="">RWCO</h1>
        <h3>Bis: 11. März</h3>
      </div>
          <div class="span7" style="background-color:#FFDDDD;">Lorem ipsum dolor sit a...`

顺便说一下，我建议你通过类而不是内联来应用样式......

Bootstrap Span偏移量和背景颜色，如何避免偏移着色？

2 个答案: