ブートストラップカラムが期待通りに動作しない

Question

私は、以下のhtmlの3列のブートストラップdivを持っています。そして、その行の最初のdivに選択コントロールがある場合、残りのdivは表示されません。しかし、私は同じことをコメントし、世界のテキストを確認してください。すべての列は、そうであるように表示されます。

私は行方不明だとわからないので、何が間違っているかを指摘する新しい目を探しています。 :)私は、私は信じている選択タグは、このような<select></select>ようでなければなりません間違っていない場合は

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
<div class="container-fluid"> 
 
    <div style="text-align:center"> 
 
    <h1>Wind Monitoring System </h1> 
 
    </div> 
 
    <div class="row"> 
 
    <div class="col-md-4" style="background:blue"> 
 
     <span>Hello World1</span> 
 
     <!--<div> 
 
        <select id="states" ng-model="selectedState" ng-change="getCities()" size="3" ng-options="state.Name for state in states" /> 
 
       </div>--> 
 
    </div> 
 
    <div class="col-md-4" style="background:blue"> 
 
     <span>Hello World2</span> 
 
    </div> 
 
    <div class="col-md-4" style="background:blue"> 
 
     <span>Hello World3</span> 
 
     <!--<select id="city" ng-show="selectedState != null" ng-model="selectedCity" size="3" style="height:200px;width:200px" ng-options="city.city for city in cities | filter : {State:selectedState.Name}" />--> 
 
    </div> 
 
    </div> 
 
</div>

Answer 1

はあなたではなくあなたの<select>タグのオプションを結合することになっています。ここ

Check this link out

わかりました私は、すべてのIジ信じる

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> 

<div ng-app="app"> 
<div class="container-fluid"> 
    <div style="text-align:center"> 
    <h1>Wind Monitoring System </h1> 
    </div> 
    <div class="row"> 
    <div class="col-md-4" style="background:blue"> 
     <span>Hello World1</span> 
     <div ng-controller="Test"> 
      <select ng-model="selectedState" size="3" ng-options="item for item in items"></select> 
     </div> 
    </div> 
    <div class="col-md-4" style="background:blue"> 
     <span>Hello World2</span> 
    </div> 
    <div class="col-md-4" style="background:blue"> 
     <span>Hello World3</span> 
    </div> 
    </div> 
</div> 
</div> 

はJavaScript

var app = angular.module('app',[]); 
app.controller('Test',function($scope){ 
    $scope.items = ['one','two','three','four'] 
}); 

を行きますdは終了タグを追加しました。