Responsive column

0

I have a Wordpress website to do maintenance and I am facing a responsive problem. I have 2 columns, "main content" and "sidebar":

<div class="col-md-12 col-xs-12">

<div class="row">

<div class="col-md-9 col-xs-12 col-sm-12 content">

<!-- CONTEÚDO PRINCIPAL -->

</div>

<div class="col-md-3 sidebar">

<!-- CONTEÚDO SIDEBAR -->

</div>

</div> <!-- .row -->
</div> <!-- .col- -->

The problem is that when the resolution is less than the div of the main content continues with 9 it looks like it does not fill full width . For you guys take a look link ... The texts should fill the width, like the 3 top banners and the titles of the posts. / p>

I THINK THAT THE PROBLEM IS IN% WITH% WHEN WHEN I DISABLED THE .row IN THE ELEMENT INSPECTOR, IT SEEMS THAT IT IS FULL ...

I've tried everything, but nothing works. I am very late with the term of this site because of this "error"

    
asked by anonymous 06.05.2015 / 21:20

1 answer

0

In order for the content of your site that uses bootstrap to occupy the full width of the browser, change class=container to class=container-fluid .

You put only col to sidebar and 3 to content , it will be disproportionate when the size is smaller since md , xs and sm are based on pixels. >

Make sure that the harshness of HTML should basically follow this format

  <div class="wrapper">
        <div class="container-fluid">
            <div class="row">
                <div id="conhecimentos" class="col-md-8">
                </div>
                <div id="resumo" class="col-md-4">
                </div>
            </div>
        </div>
  </div>
    
06.05.2015 / 21:25