Twitter bootstrap 带4个span3的行-当span3包裹在<；a>；标记使最后一个span3换行

我有一行中有4个跨度3-我想用作导航：

<div class="row">
    <div class="span3">Home</div>
    <div class="span3">About</div>
    <div class="span3">Our Stuff</div>
    <div class="span3">Contact Us</div>
</div>

家
关于
我们的东西
联系我们

这将以响应方式显示和调整大小。

如果我将

div

s包装在

a

标记中，则最后一个span3将不对齐，即使开发工具显示相同的宽度：

---

如何将

div

包装在

a

标记中，同时保持对齐？

您不能使用锚（

a

）包装

div

）

这应该是解决方案：

<div class="row">
    <div class="span3"><a href="#">Home</a></div>
    <div class="span3"><a href="#">About</a></div>
    <div class="span3"><a href="#">Our Stuff</a></div>
    <div class="span3"><a href="#">Contact Us</a></div>
</div>

或

附言：

显示谁想要帮助一些代码总是很有用的。

---

这可能对你有帮助。另一个可以找到。

谢谢-问题是只有文本可以点击-我希望整个DIV可以点击，因为这是一个导航栏。我在这里重新问了这个问题-抱歉，我认为我没有很好地说明问题：

<div class="row">
    <a href="#"><span class="span3">Home</span></a>
    <a href="#"><span class="span3">About</span></a>
    <a href="#"><span class="span3">Our Stuff</span></a>
    <a href="#"><span class="span3">Contact Us</span></a>
</div>