如何使用样式将textfield添加到bootstrap面板中

Question

我尝试使用bootstrap创建响应式网页。我应用了一个面板。但是当我添加Textfiled时，它没有我的示例代码中的任何样式。

这是我的面板代码。

<div class="panel panel-default">
     <div class="panel-heading"><i class="icon-bar"></i><b>Order Item</b></div>
          <div class="panel-body">

              <div class = "row">
                <div class ="span6" >
                   <label align= "text-center">First Name</label>
                   <input type="text" class="span6" align= "text-center" placeholder="Your First Name">
                   <label align= "text-center">First Name</label>
                    <input type="text" class="span6" align= "text-center" placeholder="Your First Name">
                </div>
               </div>
             <div class ="row">

                <h4 class="muted text-center">Reach Us to best computer system</h4>
             </div>
         </div>
     </div>

Answer 1

我试过了，它对我有用。检查是否有 css覆盖。您确定要包含以下组件吗？

1. jQuery图书馆
2. Bootstrap.css
3. Bootstrap.js



查看此JSFiddle

Answer 2

您的HTML和输入似乎在此页面上由Bootstrap正确设置样式：http://innovastudio.com/BootstrapLiveEditor/index.html

您可能需要将输入嵌套在<form></form>标记中，但它们的样式应该没有。

是否有任何其他输入样式覆盖或比Bootstrap更具体？

Answer 3

您使用的是bootstrap 3还是2？我使用的是2.3.2 CDN，没有js， this result 就是我得到的。字段工作正常，但我没有得到面板。你在使用bootstrap 3。