Bootstrap list-inline在<pre> Box</pre>中无法正常运行

Question

您能否看一下这个Demo，让我知道为什么BootStrap list-inline类在<pre></pre>框内无法正常运行？

 <pre>
  <ul class="list-inline">
      <li><a class="btn btn-default" href="#">One </a></li>
      <li><a class="btn btn-default" href="#">Two </a></li>
      <li><a class="btn btn-default" href="#">Threew </a></li>
  </ul>
</pre>

Answer 1

因为首先它不是有效的HTML。通过html5.validator.nu运行代码会产生：

  

错误：在此上下文中，元素ul不允许作为元素pre的子元素   从第8行第3列;到第8行，第26栏：
  “>↩<pre>↩ <ul class="list-inline">↩”

     

可以使用元素ul的上下文：

     

  
• 预计flow content的位置。
  

     

元素pre的内容模型：

     

  
• Phrasing content。