小さな画面から見るとボタンを集中化する方法は？

Question

私は同じ行に2つのボタンを持っていますが、ウェブサイトを小さな画面で見てボタンを2行にすると、2番目のボタンは集中しません。私は2番目のボタンは、集中させるにはどうすればよい

ノートパソコンから見て

電話から見

<span class="inline" style=""> 
    <a href="/mgconsole" class="btn btn-theme"><strong>Login to ASDADSADASDAS</strong></a> 
    <a href="/idx/verify" class="btn btn-outline" style="margin: 15px;"><strong>I Want to SDSDASDDSADASDASDASDASD</strong></a> 
</span> 

？

Answer 1

ない場合はちょうど私に言う：あなたはボタンをしたい場合は、他人のために小型デバイス用の2行に1行に

を異なるグリッド幅（他人のために小さな6のための12）

<div class="row"> 
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> 
     <button type="button" class="btn btn-success btn-block">Enter</button> 
    </div> 

    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> 
     <button type="button" class="btn btn-danger btn-block">Exit</button> 
    </div> 
</div> 

Answer 2

ボタンにtext-align: center;というプロパティを追加する必要があります。

Answer 3

この1つは甘い

あなたは、グリッド機能など使用することができ

<div class="row"> 

    <div class="col-xs-2"></div> 

    <div class="col-xs-8"> 

     <div class="row"> 
      <div class="col-sm-6" style="margin-bottom:10px;"> 
       <button type="button" class="btn btn-success btn-block">Enter</button> 
      </div> 

      <div class="col-sm-6"> 
       <button type="button" class="btn btn-danger btn-block">Exit</button> 
      </div> 
     </div> 

    </div> 

    <div class="col-xs-2"></div> 

</div>