2016-02-05 46 views
0

似乎无法弄清楚如何在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> 
+0

默认情况下,将对齐到左。预期的结果是什么? – Siva

回答

0

这将是很难告诉你,你应该做的,因为有一百万的方式来放置它,我们不知道,你想让它放在哪里?

可能的解决办法可能是使用创建与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或图像