似乎无法弄清楚如何在超大屏幕中使用 CSS 专门放置按钮。我使用了一些类,例如 text-left 或 pull-left,但它们并没有给我想要的外观。我想这是一些简单的 CSS,但我似乎无法理解。我希望能够根据像素专门放置它。
html:
<div class="six">
<div class="col-sm-4">
<div class="jumbotron">
<a href="#" class="btn btn-xs btn-default">→</a>
</div>
</div>
</div>
最佳答案
很难告诉你应该做什么,因为有上百万种放置方式,我们不知道你想把它放在哪里?
可能的解决方案可能是使用 CSS 属性 position: relative
在 jumbotron 中创建一个容器类,然后创建一个自定义按钮类以获取:
position: absolute;
top: 100px; (or any other number)
left: 100px;
right 100px;
bottom: 100px;
如果你只想让按钮居中,你可以使用默认的 TWBS 类 text-center。如果问题是将它向左或向右移动一点点,请将 margin-right/margin-left
添加到按钮。
如果您想要更精确的解决方案,请提供 jsfiddle 或图像
关于html - 如何在 Jumbotron 上具体定位按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35221744/