Twitter Bootstrap 基础 CSS答案

【问题标题】：Twitter Bootstrap base CSSTwitter Bootstrap 基础 CSS
【发布时间】：2014-01-17 17:28:16
【问题描述】：

我想在我的站点中放置一个表单我使用来自 bootstrap 官方站点的基本表单代码，但 getbootstrap.com 的视图与我的视图非常不同（尤其是按钮和输入视图与站点非常不同）

HTML：

<form>
                        <fieldset>
                          <legend>dfhadfhahhf</legend>
                          <label>isim</label>
                          <input type="text" placeholder="Type something…">
                        </fieldset><br>
                         <fieldset>
                          <label>isim</label>
                          <input type="text" placeholder="Type something…">
                          <button type="submit" class="btn">Submit</button>
                        </fieldset>
                        <!-- Form -->
                      </form>

顺便说一句，我拥有引导程序的所有组件：

<link href="static/css/bootstrap.css" rel="stylesheet">
  <link href="static/css/style.css" rel="stylesheet">

问题出在哪里？ :(

【问题讨论】：

不同是什么意思？如果可以的话，创建一个 jsfiddle。
您能否给我们屏幕截图，将您想要的内容与您看到的内容进行比较？在我脑海中，我知道 Bootstrap 经常使用的不仅仅是两个 CSS 链接......
如果你有 Skype 帐户，我可以在那里分享我的屏幕
您缺少一些类名，请参阅下面的答案
Bootstrap.css 将 css 应用于具有特定类名的元素，您的元素没有任何这些类。西蒙的想法是正确的。您还可以查看引导站点并复制他们的示例以获得更多帮助。

标签： html css forms twitter-bootstrap

【解决方案1】：

您缺少一些类名等尝试类似

  <form role="form">
      <div class="form-group">
        <legend>dfhadfhahhf</legend>
        <label>isim</label>
        <input type="text" placeholder="Type something…" class="form-control">
      </div>
      <br>
       <div class="form-group">
        <label>isim</label>
        <input type="text" placeholder="Type something…" class="form-control">
        <button type="submit" class="btn btn-default">Submit</button>
      </div>
         <!-- Form -->
  </form>

例如：

  <form role="form">

并将您的字段集换成：

  <div class="form-group">

等

【讨论】：

是的，这是我自己已经解决的真实答案 :) 感谢您的帮助