css - 标签和段落在同一行，bootstrap

Question

如果我想将对象放在同一行，我通常会这样做:

<ul class="list-inline">
  <li>
    <label>Name:</label>
  </li>
  <li>
    <p>John</p>
  </li>
</ul>

我知道的另一种方法是使用行和列。很多代码用于简单的事情。有内置的东西吗？

类似于:

<div class="some-neat-bootstrap-class">
 <label>Name:</label>
 <p>John</p>
</div>

在文档中找不到任何内容。

Answer 1

您可以内联显示这两个元素。

.some-neat-bootstrap-class label,
some-neat-bootstrap-class p {
    display:inline;
}