为什么我的自举按钮看起来不那么好？

Question

我遵循以下概述的设置：

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>

以下是他们的看法：

将以下内容与以下内容进行比较：

http://getbootstrap.com/examples/theme/

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

Answer 1

你很可能错过了＆＃34; bootstrap-theme.min.css＆＃34;文件 - 如果您告诉我们您是否收到控制台错误，将会很有帮助。

Answer 2

如果您没有为<div>标记设置任何类，则会将它们解释为CSS块，这是默认行为。

为了获得内联结果，您最好使用带有* 1到12之间的数字的col-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>

希望这能帮到你！

Answer 3

之后：

<title>your title</title>

你应该有“

<!-- 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">

Answer 4

乍一看，我认为它与css有关，你在css版本中遗漏了一些东西。尝试进入开发工具，看看你遗失了什么。