リンクが入っているときにブートストラップアラートボックスの高さが大きすぎます

Question

リンクをブートストラップ警告ボックスに入れようとしていますが、ボックスが大きすぎますか？私はCSSの高さを変更すると、テキストとリンクは十分に下にありますか？私は間違って何をしていますか？ありがとう

コードが

<div id = "mystuff" margin-top: 15px" class="alert alert-info"> 
<span id="mystuff1"><button id = "button1" type = "button" class = "btn btn-link">click here</button></span> 
</div> 

Answer 1

あなたはあなたが達成しようとしているものの多くの詳細はありませんする必要がありますが、あなたが何であるかに基づいて、外側のコンテナの内側に要素を追加すると、高すぎます。

トップコンテナには.alertクラスがあるため、この問題が発生しています。そして、このクラスにはパディングがあります：15px;

パディングを削除すると、私はあなたが欲しいと思うものを見なければなりません。

試してみてください。

<div id="mystuff" style="margin-top: 15px; padding: 0;" class="alert alert-info"> 
    <span id="mystuff1"> 
    <button id="button1" type="button" class="btn btn-link">click here</button> 
    </span> 
</div> 

Answer 2

ですが、今それをテストすることはできませんが、私はあなたがDIVまたはp要素にスパンからmystuff1を変更することがあると思います。

Answer 3

あなたのコードのこの部分はエラーが含まれます

<div id = "mystuff" margin-top: 15px" class="alert alert-info"> 

<div id = "mystuff" style="margin-top: 15px" class="alert alert-info"> 

Answer 4

は、このコードスニペットを試してみてください。

<div id="mystuff" style="margin-top: 15px; padding: 0;" class="alert alert-info"> 
     <span id="mystuff1"> 
      <button id="button1" type="button" class="btn btn-link">click here</button> 
     </span> 
    </div> 

また、リンクの下に、アラートの詳細を見つける： bootstrap alert details