Bootstrap面板标题,左右div,水平对齐

时间:2018-03-15 16:51:11

标签: css twitter-bootstrap twitter-bootstrap-3

如何更改此设置,以便标题用户显示条目在同一行上对齐。左侧是用户,右侧是显示

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

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

.dataTables_length {
    float:right;
}

#table-title{
    float:left;
}

但这并没有帮助。

1 个答案:

答案 0 :(得分:1)

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

.panel-heading{
  position:relative;
}

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

here is a fiddle