如何在同一行 bootstrap 模型中强制两个元素对齐

Question

<h4 class="modal-title">
   Simple title
   <div id="abs">1419698355</div>
</h4>

使用此代码，我在一行上获取简单标题，在下一行获取 ID。我怎样才能强制它们显示在同一行？

Answer 1

#abs{display:inline}

 <h4 class="modal-title">
       Simple title
       <div id="abs">1419698355</div>
    </h4>

或者您可以只使用属性

<h4 class="modal-title">
   Simple title
   <span id="abs">1419698355</span>
</h4>

Answer 2

将 abs 样式设置为向左浮动

#abs{
float:left;
}
<div id="abs" style="float:left;">1419698355</div>

Answer 3

元素 <div> 在 HTML 4.01/XHTML 中不允许作为元素 <h2> 的子元素。但是，在 HTML5 中是允许的。:

#abs{display:inline}

<h4 class="modal-title">
     Simple title
     <span id="abs">1419698355</span>
</h4>  `

How to force two element alignment in the same line bootstrap model