ブートストラップ3選択入力フォームスタイル

Question

ブートストラップ3フォームの他の入力と同様の選択ドロップダウンメニューを作成しようとしています。これはヘッダにあるplunker

を参照してください。

<!-- Bootstrap Core CSS --> 
<link href="assets/css/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css"> 
<link href="assets/css/vitality-orange.css" rel="stylesheet" type="text/css"> 

は、どのように私はそれが入力の他のタイプと同様のスタイルで見ることができますか？ これは、現在表示されているコードです：

<div class="row control-group"> 
     <div class="form-group col-xs-12 floating-label-form-group controls"> 
      <label>Email Address</label> 
      <input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address."> 
      <p class="help-block text-danger"></p> 
     </div> 
    </div> 
    <div class="row control-group"> 
     <div class="form-group col-xs-12 floating-label-form-group controls"> 
      <label>Gender</label> 
      <select id="gender" class="form-control"> 
       <option value="male">Man</option> 
       <option value="female">Woman</option> 
      </select> 
     </div> 
    </div> 

Answer 1

何も変更せずに、非常に微細なこのplunker作品。

ご使用のスタイルに問題がありました。

floating-label-form-group label { 
    /* display: block; */ 

display: block;すべて正常に機能します。

Answer 2

この解決策がありました。おかげスケリーとシャンカル：

テーマは、スタイルを選択し、それのために、独自のスタイルを作成しません： codeply.com/go/5RT3pl4Dff - スケリー