Question

所以我正在使用bootstrap，我需要将文本对齐到网格中。当我用li里面的标签做这件事时，它会弄乱我的要点。

<ul>
   <div class="row"><li> <strong class="col-md-2 col-xs-5 text-left">2015:</strong><p class="col-md-10 col-xs-7 font"> IT-Bachelor - Aarhus Universitet</p></li></div>  
   <div class="row"><li> <strong class="col-md-2 col-xs-5 text-left">2010-2013:</strong><p class="col-md-10 col-xs-7 font"> Højere Handelseksamen (HHX)</p></li></div>
</ul>

当加载到我身边时，如图所示，项目符号位于屏幕的左侧。 bullet point

Answer 1

正如我在评论中所说，只有li可以是ul/ol的直接子项，其他元素无效。至于你的情况，我会像：

<div class="row">
    <div class="col-md-2 col-xs-5 text-left">
        <p><strong>2015:</strong></p> <!-- added the p to have the same margin -->
    </div>
    <div class="col-md-10 col-xs-7 font">
        <p>IT-Bachelor - Aarhus Universitet</p>
    </div>
</div>
<div class="row">
    <div class="col-md-2 col-xs-5 text-left">
        <p><strong>2010-2013:</strong></p> <!-- added the p to have the same margin -->
    </div>
    <div class="col-md-10 col-xs-7 font">
        <p>Højere Handelseksamen (HHX)</p>
    </div>
</div>

Check the Bootply

ul和li不会接受在里面有标签

1 个答案: