如何在Jumbotron上專門定位按鈕？

似乎無法弄清楚如何在jumbotron中專門用CSS放置按鈕。我使用了幾個類，如文本左或左拉，但他們只是沒有給我所需的外觀。我想這是一些簡單的CSS，但我似乎無法得到它。我希望能夠根據像素特別放置它。如何在Jumbotron上專門定位按鈕？

HTML：

<div class="six"> 
    <div class="col-sm-4"> 
    <div class="jumbotron"> 
     <a href="#" class="btn btn-xs btn-default">→</a> 
    </div> 
</div> 
</div>

來源

2016-02-05 Jeremy Beamer

默認情況下，將對齊到左。預期的結果是什麼？ – Siva

這將是很難告訴你，你應該做的，因爲有一百萬的方式來放置它，我們不知道，你想讓它放在哪裏？

可能的解決辦法可能是使用創建與CSS屬性position: relative在超大屏幕的容器類，然後創建一個自定義按鈕類獲得：

position: absolute; 
top: 100px; (or any other number) 
left: 100px; 
right 100px; 
bottom: 100px;

，如果你只是想居中BUTTOM你可以使用默認TWBS類文本中心。如果只是從左邊或右邊移動一個問題，將margin-right/margin-left添加到按鈕。

如果你想要一個更精確的解決方案，請proivde一個的jsfiddle或圖像

來源

2016-02-05 10:36:03 Nopzen

如何在Jumbotron上專門定位按鈕？

回答

相關問題