2017-07-09 12 views
-1

btn-groupブートストラップでは、通常、上マージンとマージンを追加できます。私はどのクラスを追加しなければならない?事前に感謝しますブートストラップでbtn-groupのマージンを設定する

btnグループのブートストラップでは、一般に上マージンとマージンを追加できますか。私はどのクラスを追加しなければならない?事前に感謝

btn-group

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <title>Golden Titles</title> 

    <meta name="description" content="Source code"> 
    <meta name="author" content="Rahman"> 

    <link href="css/bootstrap.min.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 

    </head> 
    <body> 

    <div class="container-fluid"> 
    <div class="row"> 
     <div class="col-md-12"> 
      <div class="btn-group pull-right"> 

       <button class="btn btn-default" type="button"> 
        Sign in 
       </button> 
       <button class="btn btn-default" type="button"> 
        My Account 
       </button> 
       <button class="btn btn-default" type="button"> 
        Help 
       </button> 

      </div> 
     </div> 
    </div> 
</div> 

    <script src="js/jquery.min.js"></script> 
    <script src="js/bootstrap.min.js"></script> 
    <script src="js/scripts.js"></script> 
    </body> 
</html> 

答えて

1
  1. は、新しいCSSファイル(カスタマイズした-bootstrap.css)を追加
  2. は、このファイルにコードの下に追加します。

    .btn-group button { 
        top-margin: 1em !important; 
    } 
    
  3. このファイルを追加レイアウトページのブートストラップファイルの後

関連する問題