Question

我正在学习如何使用html和css，我的老师要求我们使用Bootstrap。显然很酷，但是当我尝试制作一个按钮时，只有按钮内的文本实际上就像一个链接而不是整个矩形按钮。我不确定我是否需要更多只是缩小的bootstrap javascript文件来使它们工作或者什么。

这是我的html，我还添加了行“$（'。nav-tabs'）。button（）”到我的脑袋以及来自bootstrap的javascript文件。有什么建议？我知道我的HTML很可能很笨拙，我的老师不是最好的解释事情，所以我一直在摆弄东西，直到它们看起来有效。

<div class="btn-toolbar">
    <div class="row-fluid">
        <div class="span2 offset2">
        <div class="btn btn-primary">
            <a href="http://students.cec.wustl.edu/~amd4/Portfolio/portfolio%20-%20profile%20-%20final.html">
                Profile
            </a>
        </div>
    </div>
    <div class="span2 offset.5">
        <div class="btn">
            <a href="http://students.cec.wustl.edu/~amd4/Portfolio/portfolio%20-%20writing%20-%20final.html">
                Writing
            </a>
        </div>
    </div>
    <div class="span2 offset.5">
        <div class="btn">
            <a href="http://students.cec.wustl.edu/~amd4/Portfolio/portfolio%20-%20music%20-%20final.html">
                Music
            </a>
        </div>
    </div>
    <div class="span2 offset.5">
        <div class="btn">
            <a href="http://students.cec.wustl.edu/~amd4/Portfolio/portfolio%20-%20photos%20-%20final.html">
                Photography
            </a>
        </div>
    </div>
</div>

Answer 1

从class="btn btn-primary"代码中移除div，将其放在a代码

上

请参阅http://twitter.github.com/bootstrap/base-css.html#buttons

...通常，您只想将这些元素应用于<a>和<button>元素，以获得最佳渲染效果。

Answer 2

您似乎没有在a标记上添加该类。你需要使用这样的东西<a href="#" class="btn btn-primary">New button</a>这应该给你一个带有文本New按钮的按钮。

您使用<a href="#" class="btn btn-primary btn-large">Big Button</a>

对于一个大的蓝色按钮。

使用Bootstrap，我只能让文本像链接一样，而不是整个按钮？

2 个答案: