如何在一行中使用Bootstap對齊控件

我想在一行中使用bootstarp class =「form-inline」來對齊幾個控件，但它似乎不工作正常。任何人都可以請建議我我做錯了什麼.. !!如何在一行中使用Bootstap對齊控件

目前我得到的結果有兩種lines.I希望他們能夠顯示在同一行

這我使用的代碼如下

<div class="form-inline"> 
    <i class="icon-list-alt"></i> 
    <label class="control-label"> 
     Please enter TB Id or TBR Id</label> 
    <div class="form-search"> 
     <div class="input-append"> 
      <input id="inputValue" type="text" class="span2 search-query" /> 
      <div class="btn-group"> 
       <button class="btn dropdown-toggle" data-toggle="dropdown"> 
        <span class="caret"></span> 
       </button> 
       <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> 
        <li><a id="POA" tabindex="-1" href="#">1</a></li> 
        <li><a id="MOD" tabindex="-1" href="#">2</a></li> 
        <li><a id="LC" tabindex="-1" href="#">3</a></li> 
       </ul> 
      </div> 
     </div> 
    </div> 
</div>

來源

2012-11-29 Yogendra Singh

你有一個演示網站的網址？ – Johan

添加任何類如span1，span2，span3等 –

剛纔我沒有任何這樣的:) –

檢查這個代碼，希望它有助於：

<div class="form-inline"> 
    <i class="icon-list-alt"></i> 
    <label class="control-label"> 
     Please enter TB Id or TBR Id</label> 
    <span class="form-search"> 
     <div class="input-append"> 
      <input id="inputValue" type="text" class="span2 search-query" /> 
      <div class="btn-group"> 
       <button class="btn dropdown-toggle" data-toggle="dropdown"> 
        <span class="caret"></span> 
       </button> 
       <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> 
        <li><a id="POA" tabindex="-1" href="#">1</a></li> 
        <li><a id="MOD" tabindex="-1" href="#">2</a></li> 
        <li><a id="LC" tabindex="-1" href="#">3</a></li> 
       </ul> 
      </div> 
     </div> 
    </span> 
</div>

來源

2012-11-29 10:14:54

感謝它的工作！ –

如何在一行中使用Bootstap對齊控件

回答

相關問題