Html 引导：<；a>；从跨度中删除左右边距

我是Twitter引导的新手，我有一个问题，我怀疑这个问题很容易克服，如果你知道去哪里找的话；o）

我在

它看起来像这样（只是为测试添加了一个白色背景色）：

我希望在

div之间有一个响应边距，就像没有

包装一样

我希望你能帮助我。谢谢

问候

---

-Jesper

标签的默认显示为display:inline

您只需尝试为该标记添加display:block

a{display:block}

那你试试这个

a > .span4 { margin: 0 1.7% };

---

a

标记的默认显示为display:inline

您只需尝试为该标记添加display:block

a{display:block}

那你试试这个

a > .span4 { margin: 0 1.7% };

---

我建议只使用

a

作为网格块，而不是它包含的

div

。例如：

<a href="#" class="span4">
  <div>
    <h2>Box 1</h2>
    <p>Text here</p>
  </div>
 </a>

在这一点上，您可以选择完全放弃包含

div

为什么要这样做？嗯，它提供了您想要的宽度、填充和边距，而无需编写更多代码。它的语义不亚于使用

div

作为网格块

---

Bootstrap网格系统相当完整，Ponraj的解决方案是编写更多代码来完成已经存在的事情。如果您试图向网格系统添加更多功能，您可能只需要扩展网格系统。

我建议只使用

a

作为网格块，而不是它包含的

div

。例如：

<a href="#" class="span4">
  <div>
    <h2>Box 1</h2>
    <p>Text here</p>
  </div>
 </a>

在这一点上，您可以选择完全放弃包含

div

为什么要这样做？嗯，它提供了您想要的宽度、填充和边距，而无需编写更多代码。它的语义不亚于使用

div

作为网格块

---

Bootstrap网格系统相当完整，Ponraj的解决方案是编写更多代码来完成已经存在的事情。如果您试图向网格系统添加更多功能，则可能只应扩展网格系统。

为了嵌套跨距，您需要创建一个新的

行流体

div

编辑：您还需要将链接放在span div中（如果让它们

显示：block；

，则效果很好）

...
a、 a:链接{
显示：块；
背景色：#fff；
}

为了嵌套跨距，您需要创建一个新的

行流体

div

编辑：您还需要将链接放在span div中（如果让它们

显示：block；

，则效果很好）

...
a、 a:链接{
显示：块；
背景色：#fff；
}

您确实意识到内部跨距的总和为12，但您只有一个跨距为8的换行div？您忽略了为嵌套跨距创建新行（这就是缺少边距的原因）。看到我的答案了吗below@MichaelRose这就是响应式引导网格系统的工作原理。他只需要将12的总和嵌套在一个新的

行fluid

div中。您可以将锚定标记放在div中吗？您确实知道您的内部跨度的总和为12-但您只有一个跨度为8的环绕div？您忽略了为嵌套跨度创建一个新行（这就是缺少边距的原因）。看到我的答案了吗below@MichaelRose这就是响应式引导网格系统的工作原理。他只需要将12的总和嵌套在一个新的

行流体
div中你能将锚定标记放在div中吗不应该被鼓励