<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!-- Center Image --> <center> <a href="https://placeholder.com"> <img src="http://via.placeholder.com/350x150"> </a> </center> <br/> <!-- Center Image --> <a href="https://placeholder.com"> <img src="http://via.placeholder.com/350x150" alt="" style="margin:0 auto;display:table;"> </a> <!-- Left Image(float:left) Right Image(float:right) --> <a href="https://placeholder.com"> <img src="http://via.placeholder.com/350x150" alt="" style="float:right"> </a> <!-- Hidden Image --> <a href="https://placeholder.com"> <img src="http://via.placeholder.com/350x150" alt="" style="display:none;"> </a> <!-- Full Image (width:100%)--> <a href="https://placeholder.com"> <img src="http://via.placeholder.com/350x150" alt="" style="width:100%;margin:30px 0px;"> </a> <!-- Half Image (width:50%) --> <a href="https://placeholder.com"> <img src="http://via.placeholder.com/350x150" alt="" style="width:50%;margin:30px 0px;"> </a> <!-- Half Center Image --> <a href="https://placeholder.com"> <img src="http://via.placeholder.com/350x150" alt="" style="width:50%;margin:0 auto;display:table;"> </a>