2013-08-29 28 views
0

我尝试使用引导来创建响应式网页。我应用了一个面板。但是当我添加Textfiled时,它没有任何样式在我的enter image description here示例代码中。如何将文本字段添加到带有样式的引导面板中

这是我的面板代码。

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

回答

1

我尝试过了,这是为我工作。检查任何css重写。你确定你包含下列组件吗?

  1. jQuery
  2. Bootstrap.css
  3. Bootstrap.js

enter image description here

退房这个JSFiddle

0

你的HTML和投入似乎是共同的风格正确地通过本页上的Bootstrap:http://innovastudio.com/BootstrapLiveEditor/index.html

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

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

+0

不需要引导程序样式 – Rukz

0

你使用引导3或2?我使用的是2.3.2 CDN,没有js和this result是我得到的。领域工作正常,但我没有得到面板。您是否使用引导程序3. enter image description here

相关问题