Question

编码新手在列表内联和不显示功能方面遇到了麻烦。

我在崇高的文字和jsfiddle中进行了尝试，但都没有为我提供所需的最终结果。

注意：小提琴中已经添加了2个cdnjs

访问：http://jsfiddle.net/thomasmccabe44/fqce10na/

<ul class="list-unstyled">
  <li>Item One</li>
  <li>Item Two</li>
  <li>Item Three</li>
</ul>  

<ul style="display: inline;">
  <li>Item One</li>
  <li>Item Two</li>
  <li>Item Three</li>
</ul>  

<hr>

尝试2

第一项

第二项

第三项

尝试3

第一项

第二项

第三项

我希望：项目1项目2项目3

实际结果：第一项第二项项目三

或

第一项第二项项目三

所有返回的都带有项目符号。

Answer 1

在Bootstrap 4中，您的ul应该具有list-inline类，而您的li应该具有list-inline-item类：

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
  <ul class="list-inline">
    <li class="list-inline-item">Item One</li>
    <li class="list-inline-item">Item Two</li>
    <li class="list-inline-item">Item Three</li>
  </ul>  
</div>

boostrap列出了带有小提琴和尝试代码的内联问题

1 个答案: