Question

我的验证图标有问题。所以我真正想要的是，在Twitter或Facebook上经过验证的Icon除了用户名之外，而不是在我的用户名下的下一行。但它不起作用。

<ul class="line">
     <li>
        <h3 align="center">Username</h3>
        <span class="label label-info">
           <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
        </span>
     </li>
 </ul>

这是我的CSS：

li.line {
    list-style: none;
}

ul.line {
    display: block;
}

Answer 1

h3 is a block element

将其更改为内联元素

<ul class="line">
  <li>
     <span align="center">Username</span>
     <span class="label label-info">
        <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 
     </span>
  </li>
</ul>

Answer 2

如果您不想要列表点，那么我不认为li是您想要使用的。 span甚至div可能会给你你想要的外观。

至于将它们放在同一行上，请尝试使用inline-block选项作为css显示元素。它与display: block类似，但它允许您将元素保持在同一行。

Bootstrap：一行中有两个元素？

2 个答案: