Question

我有3个面板彼此相邻。每个小组都是这样的。

现在我想将面板底部的按钮放在固定位置。因此，当您看到彼此相邻的面板时，按钮将很好地排列。

<div class="panel panel-default donation-panel">
    <div class="panel-body">
         <h4>Title</h4>
         <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sagittis cursus posuere. Sed pretium fermentum tempus. Aliquam nec vestibulum lacus.</p>
        <a href="#" class="btn btn-primary btn-block donation-link-button">Click</a>
    </div> <!-- end panel body -->
</div>

我怎样才能做到这一点？

感谢。

Answer 1

将按钮放入panel-footer班级：

<div class="panel panel-default donation-panel">
    <div class="panel-body">
         <h4>Title</h4>
         <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sagittis cursus posuere. Sed pretium fermentum tempus. Aliquam nec vestibulum lacus.</p>
    </div> <!-- end panel body -->
    <div class="panel-footer">
         <a href="#" class="btn btn-primary btn-block donation-link-button">Click</a>
    </div>
</div>

Answer 2

尝试关闭代码

您的代码：

<a href="#" class="btn btn-primary btn-block donation-link-button">Click/a>

新代码：

<a href="#" class="btn btn-primary btn-block donation-link-button">Click</a>

面板上的固定位置上的位置按钮

2 个答案: