爲什麼我的div沒有出現？ - 沒有CSS/JS

Question

我有一個問題，當頁面加載到瀏覽器中時，標記中2/4 div沒有出現。這裏根本沒有任何腳本/ CSS。

我試圖通過創建一個小提琴然後嘗試，但仍然不能找出什麼是錯的隔離我的標記。我已經通過HTML lint運行標記，以確保。

這裏是我的標記

<div class="form-group"> 
    <label class="col-sm-2 control-label">Subnet</label> 
    <div class="col-sm-4"> 
    <select class="form-control" /> 
    </div> 
</div> 
<div class="form-group"> 
    <label class="col-sm-2 control-label">Type</label> 
    <div class="col-sm-4"> 
    <select class="form-control" /> 
    </div> 
</div> 
<div class="form-group"> 
    <label class="col-sm-2 control-label">Team</label> 
    <div class="col-sm-4"> 
    <select class="form-control" /> 
    </div> 
</div> 
<div class="form-group"> 
    <label class="col-sm-2 control-label">Machine Type</label> 
    <div class="col-sm-4"> 
    <select class="form-control"></select> 
    </div> 
</div> 

和小提琴是 - https://jsfiddle.net/zpsygxsq/4/

有人可以來看看，並建議？

Answer 1

使用Apporopriate標籤並完成....選擇標籤不是自動完成標籤..它必須在HTML ...關閉所以使用

<select class="form-control"></select> 

而不是

<select class="form-control" /> 

結帳你繼Snippest有校正

<div class="form-group"> 
 
     <label class="col-sm-2 control-label">Subnet</label> 
 
     <div class="col-sm-4"> 
 
     <select class="form-control"></select> 
 
     </div> 
 
    </div> 
 
    <div class="form-group"> 
 
     <label class="col-sm-2 control-label">Type</label> 
 
     <div class="col-sm-4"> 
 
     <select class="form-control"></select>  
 
     </div> 
 
    </div> 
 
    <div class="form-group"> 
 
     <label class="col-sm-2 control-label">Team</label> 
 
     <div class="col-sm-4"> 
 
     <select class="form-control"></select> 
 
     </div> 
 
    </div> 
 
    <div class="form-group"> 
 
     <label class="col-sm-2 control-label">Machine Type</label> 
 
     <div class="col-sm-4"> 
 
     <select class="form-control"></select> 
 
     </div> 
 
    </div>

Answer 2

看起來你的結構中沒有內容/文本可能是原因。

Answer 3

它因爲你自己關閉選擇標籤。

正確的標記是。

<select class="form-control"></select> 

不

<select class="form-control" />