Question

我正在尝试在带有引导程序的html页面上创建菜单，其中每个菜单都有许多可供选择的按钮。我想垂直显示它们。我设法找到了此代码，该代码可水平输出按钮。无论如何，我可以使按钮位于彼此下面吗？

<div class="panel panel-default">
<div class="panel-heading clearfix">
  <h4 class="panel-title pull-left" style="padding-top: 7.5px;">Panel header</h4>
  <div class="btn-group pull-right">
    <a href="#" class="btn btn-default btn-sm">## Lock</a>
    <a href="#" class="btn btn-default btn-sm">## Delete</a>
    <a href="#" class="btn btn-default btn-sm">## Move</a>
  </div>
</div>

Answer 1

只需将<div class="btn-group pull-right">更改为<div class="btn-group-vertical pull-right">

使用btn-group-vertical类，可以使按钮显示在彼此下方。

带有垂直按钮的面板

1 个答案: