引导标签不对齐正确

我想为每个选项卡形式的形式，但表单字段是完全错位：引导标签不对齐正确

至于我可以告诉大家，我在下面的引导的example code相当密切。这里有什么问题？

我的代码：

<h2 id="ingredients"><strong>Ingredients</strong></h2> 
<hr /> 
<div class="row"> 

<!-- Nav tabs --> 
<div class="col-xs-12"> 
    <ul class="nav nav-tabs" role="tablist"> 
    <li class="active"><a href="#ingredients-1" role="tab" data-toggle="tab">#1</a></li> 
    <li><a href="#ingredients-2" role="tab" data-toggle="tab">#2</a></li> 
    </ul> 
</div> 

<!-- Tab panes --> 
<div class="tab-content"> 
    <div class="tab-pane active" id="ingredients-1"> 
    <form class="form-horizontal" action='' method="POST"> 
     <fieldset> 
     <div class="form-group"> 
      <div class="col-xs-12"> 
      <textarea name="product_ingredients" class="form-control" rows="10">xxx</textarea> 
      </div> 
     </div> 
     <div class="form-group"> 
      <div class="col-md-2 col-md-offset-10"> 
      <button type="submit" class="btn btn-primary" form="update_product_ingredients_form">Save</button> 
      </div> 
     </div> 
     </fieldset> 
    </form> 
    </div> 
    <div class="tab-pane" id="ingredients-2"> 
    <form class="form-horizontal" action='' method="POST"> 
     <fieldset> 
      <div class="form-group"> 
      <div class="col-xs-12"> 
       <textarea name="product_ingredients" class="form-control" rows="10">yyy</textarea> 
      </div> 
      </div> 
      <div class="form-group"> 
      <div class="col-md-2 col-md-offset-10"> 
       <button type="submit" class="btn btn-primary" form="update_product_ingredients_form">Save</button> 
      </div> 
      </div> 
     </fieldset> 
     </form> 
    </div> 
    </div>

来源

2014-09-19 bard

在Liveweave链接代码是不够的？我的代码几乎完全一样，只是我有for循环来生成一些html。我有第二个liveweave链接中显示的相同问题。 – bard 2014-09-19 13:32:51

这是足够的人，不用担心，有些人使泽尔... – pbenard 2014-09-19 13:34:04

这是一个好主意，包括代码在你的问题。发布链接如liveweave和jsfiddle应该被认为是额外的，而不是最低的 – hotforfeature 2014-09-19 13:34:51

第一个具有以下CSS链接：

<link class="cssdeck" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap.min.css">

第二个拥有此CSS：

<link class="cssdeck" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

我不会混并匹配相同的图书馆CDNs，a只使用你信任的那些人。在第二个例子中的CSS更改为这，也将努力

<link class="cssdeck" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.min.css">

前：http://jsfiddle.net/awkbmn0L/

后：http://jsfiddle.net/1eznowf7/

（我从来没有听说过liveweave的，并且它做一些奇怪的代码显示的东西，所以我去与jsfiddle的例子）

来源

2014-09-19 13:41:10 hotforfeature

引导标签不对齐正确

回答

相关问题