<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 ----------> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="logo"> <img src="https://i.imgur.com/3YqusAo.jpg" class="img-rresponsive center-block"> </div> <h3 class="text-center">Hello</h3><hr> <div class="row"> <div class="col-xs-8"> <p>asdasdasdasdasd</p> <p>asdasdasdasdasd</p> <p>asdasdasdasdasd</p> <div class="row"> <div class="col-xs-6"> <p>asdasdasdasdasd</p> <p>asdasdasdasdasd</p> </div> <div class="col-xs-6"> <p>asdasdasdasdasd</p> <p>asdasdasdasdasd</p> </div> </div> <div class="row"> <div class="col-xs-4"> <p>asdasdasdasdasd</p> </div> <div class="col-xs-4"> <p>asdasdasdasdasd</p> </div> <div class="col-xs-4"> <p>asdasdasdasdasd</p> </div> </div> </div> <div class="col-xs-4"> <div class="row"> <div class="col-xs-6"> <p>asdasdasdasdasd</p> <p>asdasdasdasdasd</p> <p>asdasdasdasdasd</p> </div> <div class="col-xs-6"> <p>asdasdasdasdasd</p> <p>asdasdasdasdasd</p> <p>asdasdasdasdasd</p> </div> </div> </div> </div> <div class="table-responsive"> <table class="table table-bordered"> <thead> <tr> <th>#</th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> </tr> </thead> <tbody> <tr> <td>1</td> <td>JMB0046010</td> <td>1234</td> <td>123456789</td> <td>JMB0046010</td> <td>2017</td> <td>86</td> <td>31</td> <td>01-03-2019</td> <td>01-03-2019</td> <td>3,162.00</td> <td>0.00</td> <td>5</td> <td>158.00</td> <td>3,162.00</td> </tr> <tr> <td></td> <td colspan="1">JMB0046010</td> <td colspan="1">2686</td> </tr> <tr> <td></td> <td colspan="1">JMB0046010</td> <td colspan="1">266</td> </tr> <tr> <td>2</td> <td>JMB0046010</td> <td>1234</td> <td>123456789</td> <td>JMB0046010</td> <td>2017</td> <td>86</td> <td>31</td> <td>01-03-2019</td> <td>01-03-2019</td> <td>3,162.00</td> <td>0.00</td> <td>5</td> <td>158.00</td> <td>3,162.00</td> </tr> <tr> <td></td> <td colspan="1">JMB0046010</td> <td colspan="1">2686</td> </tr> <tr> <td></td> <td colspan="1">JMB0046010</td> <td colspan="1">266</td> </tr> <tr> <td>3</td> <td>JMB0046010</td> <td>1234</td> <td>123456789</td> <td>JMB0046010</td> <td>2017</td> <td>86</td> <td>31</td> <td>01-03-2019</td> <td>01-03-2019</td> <td>3,162.00</td> <td>0.00</td> <td>5</td> <td>158.00</td> <td>3,162.00</td> </tr> <tr> <td></td> <td colspan="1">JMB0046010</td> <td colspan="1">2686</td> </tr> <tr> <td></td> <td colspan="1">JMB0046010</td> <td colspan="1">266</td> </tr> </tbody> </table> </div> </div> </div> </div>

html,body { } table { text-align: center; } .logo { max-width: 300px; margin: 0 auto 50px; } .logo img { width: 100%; }