Twitter bootstrap 为什么我的引导按钮没有'；你看起来不太好吗？

我正在遵循以下概述的设置：

http://getbootstrap.com/getting-started/

但是，我的按钮看起来不太好，下面是

html

：

<div><button type="button" class="btn btn-lg btn-primary">Primary</button></div>    
<div><button type="button" class="btn btn-lg  btn-success">Success</button></div>
<div><button type="button" class="btn btn-lg  btn-info">Info</button></div>
<div><button type="button" class="btn btn-lg  btn-warning">Warning</button></div>
<div><button type="button" class="btn btn-lg  btn-danger">Danger</button></div>

我的只是看起来不那么光滑，我错过了什么？

---

谢谢。

乍一看，我认为这与css有关，css构建中缺少了一些东西。尝试进入开发工具，查看您缺少的内容。

您很可能缺少“bootstrap theme.min.css”文件-如果您告诉我们您是否遇到控制台错误，这将非常有用

如果没有为

标记设置任何类，它们将被解释为CSS块，这是它们的默认行为

为了获得内联结果，最好使用

列lg-*

和*之间的数字（在引导3上），这将使它们成为内联元素

例如：

<div class="row">
    <div class="col-lg-2"><button type="button" class="btn btn-lg btn-primary">Primary</button></div>    
    <div class="col-lg-2"><button type="button" class="btn btn-lg  btn-success">Success</button></div>
    <div class="col-lg-2"><button type="button" class="btn btn-lg  btn-info">Info</button></div>
    <div class="col-lg-2"><button type="button" class="btn btn-lg  btn-warning">Warning</button></div>
    <div class="col-lg-2"><button type="button" class="btn btn-lg  btn-danger">Danger</button></div>
</div>

主要的，重要的
成功
信息
警告
危险

希望这对你有帮助

之后：

<title>your title</title>

你的头衔

你应该有“

现在只需放上这个，因为您缺少这个：

<!-- Bootstrap theme -->
<!-- Necessary for buttons to look good -->
<link href="../../dist/css/bootstrap-theme.min.css" rel="stylesheet">

什么浏览器？什么操作系统？你是否包含了单独的

主题。css

？检查其中一个按钮，看看css中发生了什么。如果你不是在不受支持的浏览器中，你一定是在覆盖渐变（可能是边框）样式。哈，我知道这一点，尽管我的语法很“糟糕”“我就知道：））就是这样！非常感谢。我使用MVC，所以我进入BundleConfig.cs文件，将

“~/Content/bootstrap theme.css”

添加到默认的

bundles.Add（新样式包（“~/Content/css”）。包含
行代码。我开始担心我们的用户不会点击我们的按钮，因为它们看起来不像按钮。
<!-- Bootstrap core CSS -->
<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">

<!-- Bootstrap theme -->
<!-- Necessary for buttons to look good -->
<link href="../../dist/css/bootstrap-theme.min.css" rel="stylesheet">