bootstrap 2.2.2 inline -help不顯示在中間

代碼是什麼問題？請參見jsfiddle。
1.內聯幫助不顯示在中間。
2.當我滾動窗口，內聯幫助保證金不正確。
bootstrap 2.2.2 inline -help不顯示在中間

http://i.stack.imgur.com/8oCG5.jpg

 <form class="well "> 
     <div class="controls controls-row "> 
      <input type="text" placeholder="Name" class="span5 "> 
      <span class="help-inline">Please Enter Small Name.</span> 
     </div> 
     <div class="controls controls-row"> 
      <input type="text" placeholder=".span5" class="span5"> 
     </div> 
     <div class="controls controls-row"> 
      <input type="text" placeholder=".span4" class="span4"> 
      <input type="text" placeholder=".span1" class="span1"> 
     </div> 
     <div class="controls controls-row"> 
      <input type="text" placeholder=".span3" class="span3"> 
      <input type="text" placeholder=".span2" class="span2"> 
     </div> 
     <div class="controls controls-row"> 
      <input type="text" placeholder=".span2" class="span2"> 
      <input type="text" placeholder=".span3" class="span3"> 
     </div> 
     <div class="controls controls-row"> 
      <input type="text" placeholder=".span1" class="span1"> 
      <input type="text" placeholder=".span4" class="span4"> 
     </div> 
    </form>

來源

2013-01-20 ali

   <form class="well "> 
        <div class="controls controls-row "> 
         <input type="text" placeholder=".spanName"> 
         <span class="help-inline">Inline help text</span> 
        </div> 
        <div class="controls controls-row"> 
         <input type="text" placeholder=".span5" class="span5"> 
        </div> 
        <div class="controls controls-row"> 
         <input type="text" placeholder=".span4" class="span4"> 
         <input type="text" placeholder=".span1" class="span1"> 
        </div> 
        <div class="controls controls-row"> 
         <input type="text" placeholder=".span3" class="span3"> 
         <input type="text" placeholder=".span2" class="span2"> 
        </div> 
        <div class="controls controls-row"> 
         <input type="text" placeholder=".span2" class="span2"> 
         <input type="text" placeholder=".span3" class="span3"> 
        </div> 
        <div class="controls controls-row"> 
         <input type="text" placeholder=".span1" class="span1"> 
         <input type="text" placeholder=".span4" class="span4"> 
        </div> 
       </form>

您使用的是類的輸入（類=「span5」這是太大了，有內嵌的幫助，所以我勸你還是有一個正常大小內置幫助工作。我想這是你想要

來源

2013-01-20 16:36:17 Severiano

thanx爲您的答案，但問題沒有解決。請在第一篇文章中看到圖片。邊界和垂直對齊的內聯幫助不正確。 – ali

什麼.help-inline類只正常工作形式的範圍內與附.form-horizontal類你的表格丟失了10個容器。您可以通過將自己的.help-inline塊與某些負邊距對齊或正確設置表單以使用.form-horizontal類以及合適的.control-group容器來克服此問題。

來源

2013-01-21 02:24:41

嗨。 thanx爲您的答案。我改了它，請看 http://jsfiddle.net/5S5CB/85這是正確的嗎？ – ali

bootstrap 2.2.2 inline -help不顯示在中間

回答

相關問題