Bootstrap - span div垂直對齊而不是水平

我一直在嘗試對齊span3 <div>，但我一直在讓它們一個接一個。Bootstrap - span div垂直對齊而不是水平

所以，我想有：

SPAN3 SPAN3

，而是我越來越：

SPAN3

我這裏得到任何幫助，非常感謝你許多！

<div class="container"> 



     <div class="row-fluid" > 

      <div class="span3"> 

       <form class="well" action="login.php"> 
       <legend>Sign In</legend> 
        <div class="control-group"> 
         </br><input name="username" type="text" placeholder="Enter your username" class="input-large"></br></br> 
        </div> 
        <div class="control-group"> 
         </br><input name="password" type="password" placeholder="Enter your password" class="input-large"></br></br> 
        </div> 
        <div class="control-group"> 
         <button type="submit" class="btn">Log in</button></br></br> 
         <a> OR </a></br></br> 
         <button type="button" class="btn btn-primary">New user? Register Here!</button> 
        </div> 

       </form> 

      </div> 

      <div class="span3"> 

       <img src="someimage.jpg" alt="sijpg"> 

      </div> 

     </div> 



    </div>

來源

2013-09-05 user2750921

看起來不錯...你可以發佈一個jsfiddle重現問題？ –

你使用的是什麼引導版本？ – Itay

這是js小提琴：http://jsfiddle.net/MgcDU/7126/ 出於某種原因，它沒有與外部CSS工作，所以我只是複製粘貼我的整個bootstrap.min.css。我使用引導3.0 – user2750921

有同樣的問題，問題是在Bootstrap 3.0 - 它的bootstrap.min.css文件中有一些錯誤。

我的建議 - 下載2.3.2，它會正常工作

來源

2013-09-05 16:08:09 Ivan

這實際上是正確的答案，拋開3.0中沒有錯誤 - 它只是從2.x開始的大規模更改，而span類不再使用。有關主要班級變更的完整列表，請參閱：http://getbootstrap.com/getting-started/#migration – dusthaines

.span3 { display:inline-block; }

那是什麼？

來源

2013-09-05 13:56:11 fabrigm

這確實使它們彼此相鄰堆疊，但現在它們不是內聯的，第二個SPAN3比第一個低一點。通過我對bootstrap謙卑的理解，他們應該完全對齊？另外，如果我嘗試去做class =「span3 offset2」或者其他任何偏移量 - >什麼都不會發生，就好像它甚至不在CSS中一樣。 – user2750921

你在跟我說話嗎？您可以使用第一個span3表單的填充屬性來修復該問題。 – fabrigm

我知道你可以使用填充和邊距來修復小偏移量，但這不是重點。鑑於bootstrap的乾淨和簡單，我希望得到一個答案，不需要我添加額外的（不必要的）CSS屬性。 – user2750921

Bootstrap - span div垂直對齊而不是水平

回答

相關問題