ページの終わりと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が示唆したように、多分あなたのボタンに次のようにCSSを入れてボタン

.learn { 
    margin-bottom: 1rem; 
} 

Answer 2

の底にいくらかのマージンを追加します。

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

Answer 3

これを追加する必要があります：

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