为什么我的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" />