twitter-bootstrap - how to add textfield into bootstrap panel with styles

Question

I try to create responsive web page using bootstrap. I apply a panel.But when I adding Textfiled Its hasn`t any styles which in my the sample code.

This is my panel code.

<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. 引导程序.css
3. 引导程序.js

看看这个JSFiddle

Answer 2

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

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

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

Answer 3

您使用的是引导程序 3 还是 2？我使用的是 2.3.2 CDN，没有 js，这就是我得到的结果。这些字段工作正常，但我没有得到面板。您是否使用引导程序 3。