为什么col-sm-12不会居中？

Question

 <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>

Answer 1

用<div style="text-align: center; width: 380px;margin: auto;">替换我的col-sm-12做了诀窍

Answer 2

尝试删除style =“width：180px”。