2014-09-05 81 views
0

我有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> 

我該如何做到這一點?

謝謝。

+0

您可以將面板中的按鈕-footer' – Morpheus 2014-09-05 07:41:15

+0

@Morpheus如果你在答覆中提到這一點,我會將其標記爲正確的操作。謝謝 – sanders 2014-09-05 09:03:10

回答

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> 
0

嘗試關閉您的標籤

您的代碼:

<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> 
+0

感謝他通知我。但那不是解決方案。我在我的主題開始中修復了我的代碼示例。 – sanders 2014-09-05 09:02:34