Skip to main content
Known Participant
April 3, 2017
Answered

IMG Responsive with no Margin

  • April 3, 2017
  • 1 reply
  • 473 views

Hello,

when i add the class img-responsive i receive automatically an margin on every picture on the right and left side. But i want that the pictures are 100 %

How can i do that ??

<div class="row team">
  <div class="col-lg-4"><img src="pictures/team-01.jpg" class="img-responsive" alt="Placeholder image"></div>
  <div class="col-lg-4"><img src="pictures/team-02.jpg" class="img-responsive" alt="Placeholder image"></div>
  <div class="col-lg-4"><img src="pictures/team-03.jpg" class="img-responsive" alt="Placeholder image"></div>
</div>

Greetings

Stefan

    This topic has been closed for replies.
    Correct answer BenPleysier

    Add the following style rule after the original Bootstrap CSS

    .team .col-lg-4 {padding: 0;}

    1 reply

    BenPleysier
    Community Expert
    BenPleysierCommunity ExpertCorrect answer
    Community Expert
    April 3, 2017

    Add the following style rule after the original Bootstrap CSS

    .team .col-lg-4 {padding: 0;}

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    Known Participant
    April 3, 2017

    Thank you Ben


    YOU ARE THE BEST !!