为什么我的div根本没有出现？(Why are my div's not appearing at all?

为什么我的div根本没有出现？(Why are my div's not appearing at all? - NO CSS/JS)

我有一个问题，当页面在浏览器中加载时，标记中根本没有出现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/

有人可以看看并提出建议吗？

I have an issue where 2/4 div's are not appearing at all in the markup when the page loads in the browser. There isn't any script/CSS involved here at all.

I have tried to isolate my markup by creating a fiddle and then trying but still can't figure out what's wrong. I have run the markup through a HTML lint as well just to be sure.

Here's my markup

<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>

and the fiddle is at - https://jsfiddle.net/zpsygxsq/4/

Can someone take a look and advise?

最满意答案

使用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> 
  
 
Use Apporopriate tag and complete that.... Select tag is not autocomplete tag.. it must be closed in html... So use 
 
<select class="form-control"></select>
 
Instead Of 
 
<select class="form-control" />
 
Checkout Your Following Snippest With Correction
 
 
 
  
  
    <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>