html - Centering image (logo) -
this image im trying center, ive tryed different ways no success think bootstrap pre determining position , if dont know how disable can me issue many thanks.
<div class="container"> <div class="row"> <div class="col-md-5"> <!-- <img src="../images/4usupportlogo.png" class="" height="250px"/> --> <br> </br> <!-- <img src="../images/4usupportlogo.png" alt="logo" align="top" width="300" height="200" </br> --> <!-- <img src="../images/4usupportlogo.png" width="300" height="200" style="display:block; margin-left:auto; margin-right: auto;" align="center" /> --> <center> <img src="../images/4usupportlogo.png" class="img-responsive" width="300" height="200"> </center> <br> </br> </div> </div> </div> <div class="container"> <div class="row"> <div class=" col-md-12 text-center"> <h4><i><strong>the username or password incorrect please try again.</strong></i></h4> <p> if have forgot password , reset please contact jack </p> <input type="button" value="request new password" onclick="location='../forgot_password/forgot.php'" /> </div> </div> </div>
it looks row positioning image wrongly.. <center><img></center>
should work fine.
<!doctype html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h2>image</h2> <p>the .img-responsive class makes image scale nicely parent element (resize browser window see effect):</p> <center><img src="https://media.giphy.com/media/l0hlsyvgzlq1y4gdo/giphy.gif" class="img-responsive" alt="cinque terre" width="304" height="236"></center><br><br> <img src="https://media.giphy.com/media/l0hlsyvgzlq1y4gdo/giphy.gif" class="img-responsive" alt="cinque terre" width="304" height="236"> </div> </body> </html>
Comments
Post a Comment