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

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