将一个按钮垂直放在面板中间

时间:2017-04-26 05:28:38

标签: twitter-bootstrap twitter-bootstrap-3

这是我的标题面板代码,我希望在标题面板的右侧和中间垂直显示一个按钮,并在标题面板的中心显示一个文本 但是按钮显示在标题面板的顶部而不是中间。

  <div class="panel panel-info ">
            <div class="panel-heading text-center clearfix">
                <a class="btn pull-right" style="background-color:red"          href="createpages"><span class="glyphicon glyphicon-plus" ></span></a>
                <h5  style="color:white">create pages</h5>
  </div>

1 个答案:

答案 0 :(得分:0)

阅读完您的问题后,它可能会有所帮助,或者您可以创建一个小提琴链接以便更清晰

 <div class="panel panel-info ">
   <button type="button" style="float:right">button</button>
   <h5 align="center">Text center</h5>
</div>