3
Well, I divided the content part into two Ivs, col-Md-6, only they’re not centered in relation to the site, even though they’re in the center, they’re on the left side, leaving the right side a little empty. Follow the Divs code.
<div class="content">
<div class="container clearfix">
<div class="col-md-6 configdiv">
<img src="/layout/images/imagem1.png" />
<h5>TITULO 1</h5>
<p>
Oi, tudo bem? Oi, tudo bem? Oi, tudo bem?
Oi, tudo bem?
Oi, tudo bem?
<p>
<div>
<img src="/layout/images/iconemail.png" />
<img src="/layout/images/iconefb.png" />
<img src="/layout/images/iconett.png" />
</div>
</div>
<div class="col-md-6 configdiv">
<img src="/layout/images/imagem2.png" />
<h5>TITULO 2</h5>
<p>
Oi, tudo bem?
<p>
<div>
<img src="/layout/images/iconemail.png" />
<img src="/layout/images/iconefb.png" />
<img src="/layout/images/iconett.png" />
</div>
</div>
</div>
</div>
</section><!-- #content end -->
And the CSS has this:
.configdiv {border: 1px solid #DDDDDD;
margin-right: 28px;
margin-bottom: 25px;
padding: 10px;
Remember, these two Divs col-Md-6, are one side of the other, I want to be centered in relation to the screen! Content of the content:
Content----------------------------------------------------*/
#content {
position: relative;
overflow: hidden;
background-color: #FFF;
}
#content p { line-height: 1.8; }
.content-wrap {
position: relative;
padding: 80px 0;
}
#content .container { position: relative; }
/* ----------------------------------------------------------------
You added a
margin-right
in the div that contains col-Md-6 this may be causing spacing, else, the classcontent
has some css ?– Felipe Dumont
I had already done the test, without the margin-right, the two Divs would be placed, so I added the margin right to the div that is on the left side of the screen, be a little separate from the right side.
– Alberto Freire
I tried to put in another class the margin right, leaving only the div that is on the left side, even so, not the way I want! And in the content there’s this:
– Alberto Freire
I added the content in the post.
– Alberto Freire
Use relevant tags "doubt" please, each tag has a description for understanding. Note: bootstrap is a tag for a procedure (or series of procedures) when an application is started or a web request is made. For bootstrap "front-end framework" use twitter-bootstrap. Good luck with replies.
– Guilherme Nascimento