If you don鈥檛 throw it into a container, then what the hell is going on?

enter image description here

<div class="container"> <div class="row"> <div class="col-md-5"> <div class="team">袦蝎 袣袨袦袗袧袛袗</div> <img class="team-img" src="img/team.png" alt="" > </div> <div class="col-md-7"> <div class="our">袧袗楔袠 袩袪袝袠袦校些袝小孝袙袗</div> </div> <img class="our-img" src="img/our.png" alt=""> </div> </div>

  • one
    want better control over styles - use CSS and not bootstrap classes - Volodymyr
  • Honestly, I do not quite understand the essence of your question. What do the pictures "fall out" of the container? And as for me, you don鈥檛 have the right use of the <div class="team">袦蝎 袣袨袦袗袧袛袗</div> Use h1, h2, h3 tags and so on for headings. - Aleks Ignatov
  • And what is there not to arrange a picture for the container, but to set additional options to the text in the container? - korytoff

1 answer 1

Wrap the picture into a div that will crawl into the bootstrap padding and drag the image to its full width:

 .img-wrap{ position: relative; margin:0 -15px; } .img-wrap img{ display:block; width:100%; } 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <div class="container"> <div class="row"> <div class="col-md-5"> <div class="team">袦蝎 袣袨袦袗袧袛袗</div> <div class="img-wrap"><img src='https://cdn.sstatic.net/Sites/stackoverflow/img/error-lolcat-problemz.jpg'/></div> </div> <div class="col-md-7"> <div class="our">袧袗楔袠 袩袪袝袠袦校些袝小孝袙袗</div> <div class="img-wrap"><img src='https://cdn.sstatic.net/Sites/stackoverflow/img/error-lolcat-problemz.jpg'/></div> </div> </div> </div> </div>