bootstrap左右圆角按钮-适配手机页面

 <!DOCTYPE html>
 <html>
 <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <meta charset="utf-8" />
     <title></title>
     <link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
 </head>
 <body>
 <style>
     .kch_wx_btn_left{
         background-color: orange;
         border-top-left-radius:1em;
         border-bottom-left-radius:1em;
     }
     .kch_wx_btn_left a{
         color: #fff;
         text-decoration: none;
         line-height: 2em;
         padding: 1em;
     }
     .kch_wx_btn_right{
         background-color: #c1e2b3;
         border-top-right-radius:1em;
         border-bottom-right-radius:1em;
     }

     .kch_wx_btn_right a{
         color: black;
         text-decoration: none;
         line-height: 2em;
         padding: 1em;
     }
 </style>

 <div class="container">
     <div class="row text-center">
         <div class="col-sm-5 col-xs-5 col-xs-offset-1 col-sm-offset-1 kch_wx_btn_left">
             <a href="#" id="kch_wx_left_btnId">我的左边</a>
         </div>
         <div class="col-sm-5 col-xs-5 kch_wx_btn_right">
             <a href="#" id="kch_wx_right_btnId">我的右边</a>
         </div>
     </div>
 </div>

 </body>
 </html>