在页面末尾和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建议，在按钮底部添加一些边距

1

Answer 2

也许把这样的CSS放到你的按钮上：

button.learn {
    margin-bottom: 10px;
    // Or :
    padding-bottom: 10px;
}

Answer 3

也许你应该加上这个：

 html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}