html - Bootstrap Span 偏移量和背景颜色,如何避免为偏移量着色?

标签 html css twitter-bootstrap

我想将这些跨度放在中间: 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...`

最佳答案

您应该只将背景颜色应用到您想要有彩色背景的 div(在本例中是 span2,也许是 span7?)。 在您发布的示例中,您将背景应用于充当容器的 span10,并且将背景应用于整个 block 是正常的...

试试这个:

<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...`

顺便说一句,我建议您通过类而不是内联来应用样式...

关于html - Bootstrap Span 偏移量和背景颜色,如何避免为偏移量着色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12654118/

相关文章:

javascript - 如何找到负边距的元素?

css - 你如何将图片居中并左对齐触摸所述图片的文本? HTML5

javascript - 启动 IText 内联编辑滚动到页面顶部 - Fabric.js

html - 有没有办法更改标签颜色和事件选项卡边框底部颜色?

css - Bootstrap 组水平输入

javascript - JQuery 对话框在升级到 Bootstrap 4 时不显示内容

jquery - selectpicker - 仅在选择中有更多选项时出错

html - 页脚对齐问题

javascript - 在同一模式窗口中打开链接

html - 在 Firefox 和 Chrome 48 中使用 flexbox 呈现问题