Question

我正在尝试使用条形图中包含的搜索按钮创建搜索栏。我正在遵循这个方法：（http://getbootstrap.com/components/#input-groups-buttons）我输入的代码完全按照书面形式输入，但我的搜索按钮仍在搜索栏之外：

searchbar

有谁知道为什么我的结果可能与bootstrap网站上显示的结果有所不同？

这是我的应用程序.rb：

<div class="col-lg-6">
  <div class="input-group">
    <input type="text" class="form-control">
    <span class="input-group-btn">
      <button class="btn btn-default" type="button">Go!</button>
    </span>
  </div>
</div>

Answer 1

您应该包含bootstrap样式表和JS插件。试试这个：

<html>
<head>
    <!-- Include bootstrap stylesheet -->
    <link type="text/css" rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
</head>

<body>

    <div class="col-lg-6">
        <div class="input-group">
            <input type="text" class="form-control">
            <span class="input-group-btn">
                <button class="btn btn-default" type="button">Go!</button>
            </span>
        </div>
    </div>

    <!-- Bootstrap JavaScript plugins -->
    <script type="text/javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

</body>
</html>

Answer 2

确保不要包含normalize.css或任何其他重置css。 Bootstrap已经包含normalize.css。

Bootstrap＆＃34;按钮插件＆＃34;不工作

2 个答案: