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