html - 如何在 Jumbotron 上具体定位按钮？

Question

似乎无法弄清楚如何在超大屏幕中使用 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>

Answer 1

很难告诉你应该做什么，因为有上百万种放置方式，我们不知道你想把它放在哪里？

可能的解决方案可能是使用 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 或图像