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

因为你自己关闭了选择标签。

正确的标记是。

fun (6)

不

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

Answer 3

看起来您的结构中没有内容/文字可能是原因。

为什么我的div根本没出现？ - 没有CSS / JS

3 个答案: