css - Bootstrap面板标题，左右div，水平对齐

Question

我如何更改它，以便标题 Users 和 Show entries 在同一行对齐。 Users 位于左侧，show 位于右侧。

https://jsfiddle.net/PHPMickB/rbnd1yvh/1/

我尝试将它们放在同一个 div 中，然后:

.dataTables_length {
    float:right;
}

#table-title{
    float:left;
}

但这并没有帮助。

Answer 1

要将第二个面板放在右边缘，您可以使用 position:absolute; 绝对定位会从流程中移除元素，因此无需像我之前的回答那样使用 display:inline-block。请务必在父级上使用 position:relative。

.panel-heading{
  position:relative;
}

#users_length{
  position:absolute;
  right:0px;
  top: 5px;
}

here is a fiddle