2016-11-21 2 views
-4

なぜcol-sm-12自体が中心になりませんか?

<div class="col-sm-12" style="text-align: center;"> 
 
         <div class="col-sm-6" style="width: 180px"> 
 
         <a href="#!" class="nk-btn nk-btn-outline nk-btn-color-main-3" style="padding:20px">TAKE A PEEK <i class="fa fa-youtube-play" aria-hidden="true"></i></a> 
 

 
         </div> 
 

 
       <div class="col-sm-6" style="width: 180px"> 
 
       <a href="#!" class="nk-btn nk-btn-x2 nk-btn-color-primary" style="padding:20px">GET STARTED</a> 
 
        </div> 
 

 
        <!--col-sm-12 end--></div>

+1

まず、2つのcol-sm-6は、行を均等に分割して、幅を与えないようにします。そして、あなたは何を達成しようとしていますか? –

+0

@bhavik patel私は幅を持たないとき、ボタンはあまりにも離れていた。私はボタンを完全に中央に置こうとしています。 druvocals.com/1あなたはそれらを見ることができます –

+0

ブートストラップの列は、ドキュメントの通常の流れから取り除くために左にフローティングされています。 –

答えて

0

<div style="text-align: center; width: 380px;margin: auto;">と私のCOL-SM-12を交換トリック

0

スタイル= "幅:180ピクセル" を削除してくださいました。

関連する問題