面板

时间:2018-01-28 19:51:25

标签: php css twitter-bootstrap

我有一个自举面板,在面板上需要一个右对齐且垂直居中的按钮 - 我很难过。我在XAMPP上使用Laravel 5.5 PHP工作。

我可以对齐它,但它会粘在右下角。我在这里尝试了许多建议来垂直对齐它,但是无论何时我成功进行垂直对齐,我都会失去右对齐。我尝试了text-align:right而不是float:right,我已经尝试display:inline-blockdisplay:flexalign-self:center,但都无济于事。

这是我的代码右对齐,但按钮位于底部,部分位于面板之外。

 <div class="col-md-6">
    <div class="panel panel-default" >
        <div class="panel-heading" style="background-color:#f37735;color:white"><h3><b>Employment History</b></h3>
        <button class="btn btn-primary" type="button" style="float:right;" data-toggle="collapse" data-target="#collapseEmployment" aria-expanded="false" aria-controls="collapseEmployment">
            Show Items
        </button>
        </div> .....

这是我所拥有的照片。红色箭头是我需要放置按钮的地方。 button placement 任何和所有建议都是最受欢迎的 - 谢谢。

1 个答案:

答案 0 :(得分:1)

只需将按钮放在标题内。

{{1}}

DEMO https://www.bootply.com/Z7RSrnEIYb