Extend the image out of the container on the left side

Navigation
0

I have a container, which has a block divided in half. On the left side I need to make the image leave the container. It would be this model:

Withthisstructure:

	<div class="blog_section">
		<div class="container">
			<div class="row">
				<div class="col-xs-12 col-sm-6 col-md-6">
					<img src="images/exames/imagem/exame.jpg" class="img-responsive">
				</div>
				<div class="col-xs-12 col-sm-6 col-md-6">
					<div class="abt_txt abt_txt_resp texto_exame med_toppadder50">Texto ....></div>
				</div>			
			</div>
		</div>
	</div>

What I got was the container-fluid, but it expands the right side too ...

    
asked by anonymous 04.09.2018 / 15:32

1 answer

0

This would be how you would like it to be: 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<div class="blog_section">
 <div class="container-fluid">
   <div class="row">
      <div class="col-xs-12 col-sm-6 col-md-6">
	    <img src="https://d26lpennugtm8s.cloudfront.net/assets/blog_es/ideia.jpg"class="img-responsive">
      </div>
      <div class="col-xs-12 col-sm-4 col-md-4">
	    <div class="abt_txt abt_txt_resp texto_exame med_toppadder50">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui est, hendrerit sit amet dui a, porttitor gravida lorem. Aenean eget dolor sed leo convallis imperdiet.<br><br>
             Pellentesque sed erat in eros finibus varius. Sed sit amet augue non tortor aliquam fermentum eu vel tellus. Suspendisse facilisis laoreet ex at bibendum.<br><br>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui est, hendrerit sit amet dui a, porttitor gravida lorem. Aenean eget dolor sed leo convallis imperdiet.
        </div>
      </div>
      <div class="col-xs-12 col-sm-2 col-md-2">
           
      </div>			
   </div>
 </div>
</div>
    
04.09.2018 / 16:27
How to insert a navbar include in the Twig layout Long forms