title: Image getting shrink and display in middle of screen
body: <p>Here the image is getting very small. and i also want to align image in centre .pLEASE tell some solution so that image is in centre and is shown in original size. I'm using bootstrap.</p>
  
  <p></p>
  
  <pre><code>    &lt;div class="container" style="height: 100%;"&gt;
  
              &lt;div class="col-sm-4 col-md-4 col-lg-4"&gt;&lt;/div&gt;
              &lt;div class="col-sm-4 col-lg-4" style="height: 100%;display: table;"&gt;
  
                  &lt;a href="machine1.php" style="display : table-cell;vertical-align: middle;"&gt;
  
                      &lt;img src="ft/text.png" class="img-responsive" style="min-width:660px;"&gt;
                  &lt;/a&gt;
  
              &lt;/div&gt;
              &lt;div class="col-sm-4 col-md-4 col-lg-4 "&gt;
  
  
  
              &lt;/div&gt;
  </code></pre>
  
  <p>
  </p>
  
  <pre><code>.body-wrapper {
              background: url('slide2_2.png');
              background-size: cover;
              height:100%;
          }
              html, body{
              height:100%; 
              margin:0;
              padding:0;
              color:white;
          }
  
              a:hover{
                  text-decoration: none;
              }
  
              .img-responsive{
                  float: left;
              }
  </code></pre>
  
  <p>Wnat imag to be in vertcal and horizontal centre and image size is 1366* 635</p>