Html 引导标签未包装在DIV中？_Html_Css_Twitter Bootstrap

Html 引导标签未包装在DIV中？

html css twitter-bootstrap

Html 引导标签未包装在DIV中？,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我的引导标签没有按预期包装在我的DIV中？他们只是不断地离开屏幕？有人知道为什么吗？我已经包括了一个屏幕截图，代码如下： <div class="container" style="margin-top:100px;"> <div class="row"> <div class="col-md-12"> <div class="pull-right form-inline">

我的引导标签没有按预期包装在我的DIV中？他们只是不断地离开屏幕？有人知道为什么吗？我已经包括了一个屏幕截图，代码如下：

<div class="container" style="margin-top:100px;">
      <div class="row">
        <div class="col-md-12">
            <div class="pull-right form-inline">
                <div id="ctl00_ContentPlaceHolder1_divParkingArea" class="form-group">
                <label>Parking Area:</label><br />
                <select name="ctl00$ContentPlaceHolder1$ddParkingArea" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;ctl00$ContentPlaceHolder1$ddParkingArea\&#39;,\&#39;\&#39;)&#39;, 0)" id="ctl00_ContentPlaceHolder1_ddParkingArea" class="form-control" style="width: 200px; float: left;">
                     <option selected="selected" value="7">Test Parking Area XXX</option>
                     <option value="5">Tower A Parking</option>
                     <option value="6">Tower B Parking</option>

                </select>
                </div>                  
            </div>
        </div>
    </div>
    <br />
    <div class="row">
        <div class="col-md-12">
            <div class="well" style="background: #fff;">
                <div id="ctl00_ContentPlaceHolder1_parkingAreaOverview" style="width:600px;"><h3>Level 2</h3><hr><span class="label label-success">SlotSlotSlotSlot 11</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 22</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 33</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 44</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 55</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 66</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 77</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 88</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 99</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 111</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 222</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 333</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 444</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 555</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 666</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 777</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 888</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 999</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 000</span><br /><br /><br /><h3>Level 1</h3><hr><span class="label label-success">SlotSlotSlotSlot 1</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 2</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 3</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 4</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 5</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 6</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 7</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 8</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 9</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 10</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 11</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 12</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 13</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 14</span>&nbsp;&nbsp;<span class="label label-success">SlotSlotSlotSlot 15</span></div>
            </div>
        </div>
    </div>


停车场：

试验停车场XXX
A座停车场
B座停车场


二级Slotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotsl777 Slotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslot888 Slotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotsl插槽插槽插槽插槽插槽13插槽插槽插槽插槽插槽14插槽插槽插槽插槽插槽插槽15

希望你能给我一个提示！谢谢

问候,

鲍勃

编辑：

1）按照建议删除了，效果很好！但是

2）添加了页边距顶部和页边距右侧以获得一些空间，并在一些标签上弹出一个窗口，现在结果看起来又一样了？见下文：

<div class="container" style="margin-top:100px;">
      <div class="row">
        <div class="col-md-12">
            <div class="pull-right form-inline">
                <div id="ctl00_ContentPlaceHolder1_divParkingArea" class="form-group">
                <label>Parking Area:</label><br />
                <select name="ctl00$ContentPlaceHolder1$ddParkingArea" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;ctl00$ContentPlaceHolder1$ddParkingArea\&#39;,\&#39;\&#39;)&#39;, 0)" id="ctl00_ContentPlaceHolder1_ddParkingArea" class="form-control" style="width: 200px; float: left;">
<option selected="selected" value="7">Test Parking Area XXX</option>
<option value="5">Tower A Parking</option>
<option value="6">Tower B Parking</option>

</select>
                </div>                  
            </div>
        </div>
    </div>
    <br />
    <div class="row">
        <div class="col-md-12">
            <div class="well" style="background: #fff;">
                <div id="ctl00_ContentPlaceHolder1_parkingAreaOverview"><h3>Level 2</h3><hr><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 11</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 22</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 33</span><span class="label label-default" style="margin-right:5px; margin-top:5px; color:#000;"><a style="color:#fff;" href="#" id="slotPopup199" data-toggle="popover" title="SlotSlotSlotSlot 44" data-content="Connected to: Tower A, 1022B (10F)">SlotSlotSlotSlot 44</a></span><span class="label label-default" style="margin-right:5px; margin-top:5px; color:#000;"><a style="color:#fff;" href="#" id="slotPopup200" data-toggle="popover" title="SlotSlotSlotSlot 55" data-content="Connected to: Tower A, 1022B (10F)">SlotSlotSlotSlot 55</a></span><span class="label label-default" style="margin-right:5px; margin-top:5px; color:#000;"><a style="color:#fff;" href="#" id="slotPopup201" data-toggle="popover" title="SlotSlotSlotSlot 66" data-content="Connected to: Tower A, 1022B (10F)">SlotSlotSlotSlot 66</a></span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 77</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 88</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 99</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 111</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 222</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 333</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 444</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 555</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 666</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 777</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 888</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 999</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 000</span><br /><br /><br /><h3>Level 1</h3><hr><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 1</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 2</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 3</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 4</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 5</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 6</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 7</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 8</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 9</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 10</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 11</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 12</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 13</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 14</span><span class="label label-success" style="margin-right:5px; margin-top:5px;">SlotSlotSlotSlot 15</span></div>
            </div>
        </div>
    </div>


停车场：

试验停车场XXX
A座停车场
B座停车场


二级
slotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslot11slotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslots33slotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslot1Slotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslot

因为您使用了

，所以它被理解为一行。如果在每个项目之间需要额外的空间，则应使用常规空格替换它们，并使用css边距

<span class="label label-success">SlotSlotSlotSlot 11</span> <span class="label label-success">SlotSlotSlotSlot 22</span> <span class="label label-success">SlotSlotSlotSlot 33</span> <span class="label label-success">SlotSlotSlotSlot 44</span> <span class="label label-success">SlotSlotSlotSlot 55</span> <span class="label label-success">SlotSlotSlotSlot 66</span> <span class="label label-success">SlotSlotSlotSlot 77</span>

slotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotsl

根据定义，非打断空格可防止换行
（nbsp），是空格字符的一种变体，用于防止在其位置处出现自动换行（换行）

来源：
如果不想添加css样式，您仍然可以使用
，但必须在父DIV样式处设置“
换行：断开word
”，如下所示

<div class="container" style="margin-top:100px;"> <div class="row"> <div class="col-md-12"> <div class="pull-right form-inline"> <div id="ctl00_ContentPlaceHolder1_divParkingArea" class="form-group"> <label>Parking Area:</label><br /> <select name="ctl00$ContentPlaceHolder1$ddParkingArea" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$ddParkingArea\',\'\')', 0)" id="ctl00_ContentPlaceHolder1_ddParkingArea" class="form-control" style="width: 200px; float: left;"> <option selected="selected" value="7">Test Parking Area XXX</option> <option value="5">Tower A Parking</option> <option value="6">Tower B Parking</option> </select> </div> </div> </div> </div> <br /> <div class="row"> <div class="col-md-12"> <div class="well" style="background: #fff;"> <div id="ctl00_ContentPlaceHolder1_parkingAreaOverview" style="width:600px;word-wrap:break-word"><h3>Level 2</h3><hr><span class="label label-success">SlotSlotSlotSlot 11</span>  <span class="label label-success">SlotSlotSlotSlot 22</span>  <span class="label label-success">SlotSlotSlotSlot 33</span>  <span class="label label-success">SlotSlotSlotSlot 44</span>  <span class="label label-success">SlotSlotSlotSlot 55</span>  <span class="label label-success">SlotSlotSlotSlot 66</span>  <span class="label label-success">SlotSlotSlotSlot 77</span>  <span class="label label-success">SlotSlotSlotSlot 88</span>  <span class="label label-success">SlotSlotSlotSlot 99</span>  <span class="label label-success">SlotSlotSlotSlot 111</span>  <span class="label label-success">SlotSlotSlotSlot 222</span>  <span class="label label-success">SlotSlotSlotSlot 333</span>  <span class="label label-success">SlotSlotSlotSlot 444</span>  <span class="label label-success">SlotSlotSlotSlot 555</span>  <span class="label label-success">SlotSlotSlotSlot 666</span>  <span class="label label-success">SlotSlotSlotSlot 777</span>  <span class="label label-success">SlotSlotSlotSlot 888</span>  <span class="label label-success">SlotSlotSlotSlot 999</span>  <span class="label label-success">SlotSlotSlotSlot 000</span><br /><br /><br /><h3>Level 1</h3><hr><span class="label label-success">SlotSlotSlotSlot 1</span>  <span class="label label-success">SlotSlotSlotSlot 2</span>  <span class="label label-success">SlotSlotSlotSlot 3</span>  <span class="label label-success">SlotSlotSlotSlot 4</span>  <span class="label label-success">SlotSlotSlotSlot 5</span>  <span class="label label-success">SlotSlotSlotSlot 6</span>  <span class="label label-success">SlotSlotSlotSlot 7</span>  <span class="label label-success">SlotSlotSlotSlot 8</span>  <span class="label label-success">SlotSlotSlotSlot 9</span>  <span class="label label-success">SlotSlotSlotSlot 10</span>  <span class="label label-success">SlotSlotSlotSlot 11</span>  <span class="label label-success">SlotSlotSlotSlot 12</span>  <span class="label label-success">SlotSlotSlotSlot 13</span>  <span class="label label-success">SlotSlotSlotSlot 14</span>  <span class="label label-success">SlotSlotSlotSlot 15</span></div> </div> </div> </div>

停车场：试验停车场XXX A座停车场 B座停车场二级Slotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotsl777 Slotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslot888 Slotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotslotsl插槽插槽插槽插槽插槽13插槽插槽插槽插槽插槽14插槽插槽插槽插槽插槽插槽15
您的容器似乎没有关闭。我没有看到任何打开的容器？
在第二行之后没有关闭。很抱歉，是的。我只是在剪贴时错过了：）成功了！然而，当我添加了右边空白和顶部空白，以获得一些空间和botostrap popover时，结果又回到了以前的状态？请看一下编辑。。