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>

source


Comments

Popular posts from this blog

python - How to insert QWidgets in the middle of a Layout? -

python - serve multiple gunicorn django instances under nginx ubuntu -

module - Prestashop displayPaymentReturn hook url -