<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Strait">
<div class="container" style="font-family: 'Strait', sans-serif;">
<div class="row">
<h2>left button and right button inline</h2>
<div class="btn-toolbar">
<a href="#" class="btn btn-info btn-lg">
<span class="glyphicon glyphicon-chevron-left"></span> Left
</a>
<div class="pull-right btn-group">
<a href="#" class="btn btn-info btn-lg">
Right <span class="glyphicon glyphicon-chevron-right"></span> </a>
</div>
</div>
<br>
<p class="well">
Nunc nec posuere sapien. Etiam mattis, metus a lobortis hendrerit, dui mi vestibulum nulla, quis imperdiet orci purus eu justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Phasellus mi dolor, mattis sed faucibus vitae, iaculis in arcu. Curabitur nulla erat, consequat non malesuada in, suscipit ut lorem. Sed congue auctor aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus vulputate lorem vel nulla consectetur, sit amet venenatis risus pulvinar. Donec orci tellus, consequat a nunc hendrerit, aliquam vehicula tellus.
</p>
</div>
</div>
