html - 在页面末尾和iPhone上的按钮之间放置空格

Question

大家好，我的代码有问题。我有一个引导按钮，这很好，但我如何在按钮和页面末尾之间放置空间。因为它只在 iphone 上有问题。这很奇怪，因为当我正常按住按钮时它很好，但是当我转动我的 iPhone 时就没有空间了。

这是我的按钮:

<div class="row">
    <div class="text-center">
        <button type="button" class="learn btn btn-info">Learn more</button>
    </div>
</div>

Answer 1

按照 Ashiqur 的建议，在按钮底部添加一些边距

.learn {
  margin-bottom: 1rem;
}