對齊引導表單標籤

我有這樣的引導水平的形式，但問題是標籤的文本不對齊。我如何對齊標籤文本。對齊引導表單標籤

<!DOCTYPE HTML> 
<html> 

    <head> 
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" /> 
    </head> 

    <body> 

     <div class="container">    
      <div class="row"> 
       <div class="col-md-12"> 

       <h3>Signup Form</h3><hr/> 
       <form class="form-horizontal" role="form"> 

        <div class="form-group"> 
         <label for="username" class="col-sm-2 control-label">Username</label> 
         <div class="col-sm-4"> 
         <input type="text" placeholder="Your Username ..." class="form-control"/> 
         </div> 
        </div> 

        <div class="form-group"> 
         <label for="email" class="col-sm-2 control-label">Email</label> 
         <div class="col-sm-4"> 
         <input type="email" placeholder="Your Email ..." class="form-control"/> 
         </div> 
        </div> 

       </form> 

       </div> 
      </div>    
      </div> 

     <script src="bootstrap/js/jquery-1.11.3.js"></script> 
     <script src="bootstrap/js/bootstrap.min.js"></script>   
    </body> 

</html>

我想電子郵件標籤與用戶名標籤

來源

2015-08-28 Mahtab Alam

它們對齊，右側...如果你想擁有它的左邊再加入'文本對齊：左;'的CSS – Sergej

，如果你想自己做的比去除''class'控制label'，如果你的問題解決了寫你的'爲 –

css'，您可以接受的答案，幫助你，或發表您自己的答案，如果你在一個更好的解決了這個問題方式... –

它是正確的默認情況下，引導樣式排列對齊，你可以給你的表格和身份證，並添加這樣的事情你樣式表：

#signup-form label { 
text-align: left; 
}

這將調整所有的標籤在你的形式離開，你可以修改選擇您需要限制這種風格的範圍。

在JSBin工作樣本。

來源

2015-08-28 06:21:44

.form-horizontal .control-label { 
    text-align: left; 
}

來源

2015-08-28 06:25:02

請考慮編輯您的帖子，以添加更多關於您的代碼的解釋以及爲什麼它可以解決問題。一個主要包含代碼的答案（即使它正在工作）通常不會幫助OP瞭解他們的問題。 – Reeno

只需使用它。

CSS：

.control-label { 
    text-align:left!important; 
}

來源

2015-08-28 06:30:11

我不會在這裏使用'！important' – Sergej

對齊引導表單標籤

回答

相關問題