Results 1 to 5 of 5

Thread: two pictures in the same line ?

  1. #1
    Junior Member
    Join Date
    Feb 2015
    Posts
    3

    two pictures in the same line ?

    Hello,

    I m beginner in html/css and I am using bootstrap.
    I am trying to put two pictures in the same line, even they are same resoultion for some reason height on one looks smaller on website ( see picture attached ).



    1) How can I make them equal in the same line ?
    2) How can I make each of them 100% visible ( right now picture two is going accros picture one ) ?

    Thanks
    Attached Images Attached Images

  2. #2
    Junior Member
    Join Date
    Feb 2015
    Posts
    3
    right now my code is like this

    <div class="row">
    <div class="col-xs-6 col-md-6"><img src="http://s28.postimg.org/sskss7119/4e53b6c276291.jpg"/></div>
    <div class="col-xs-6 col-md-6"><img src="http://s21.postimg.org/dfckh2afb/172741.jpg"/></div>
    </div>

  3. #3
    Junior Member
    Join Date
    Feb 2015
    Posts
    3
    right now my code is like this

    <div class="row">
    <div class="col-xs-6 col-md-6"><img src="http://s28.postimg.org/sskss7119/4e53b6c276291.jpg"/></div>
    <div class="col-xs-6 col-md-6"><img src="http://s21.postimg.org/dfckh2afb/172741.jpg"/></div>
    </div>

  4. #4
    Junior Member
    Join Date
    Feb 2015
    Posts
    2
    have you tried using the responsive image class
    <img class="img-responsive" src="http://s28.postimg.org/sskss7119/4e53b6c276291.jpg"/>
    <img class="img-responsive" src="http://s21.postimg.org/dfckh2afb/172741.jpg"/>

  5. #5
    Junior Member
    Join Date
    Feb 2015
    Posts
    2
    have you tried using the responsive image class
    <img class="img-responsive" src="http://s28.postimg.org/sskss7119/4e53b6c276291.jpg"/>
    <img class="img-responsive" src="http://s21.postimg.org/dfckh2afb/172741.jpg"/>

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •