Tło na całą szerokość

Question

W jaki sposób dokonać zmian, aby widoczne białe tło rozciągało się na całą szerokość strony? 
 

 

<div id="product-navbar" class="pull-left">
    <h1>{$title}</h1>
</div>

{slot name="product-list-after-title" hidden="true"}{/slot}

{if $description}
    <div id="category_info" class="thumbnail">
        <div class="row">
            <div class="image text-center col-xs-3">{$image}</div>
            <div class="description tinymce_html col-xs-9">{$description}</div>
         </div>
    </div>
    
    
{/if}

{st_get_component module="stCategoryTree" component="horizontalChildren" category=$category limit=5}     

<div class="sort pull-right">
    <div class="btn-group hidden-sm hidden-xs">
        {strip}
        <div id="producer-filter" class="hidden">
            {st_get_component module="stProduct" component="producerFilter"}
        </div>
        {/strip}
    </div>
    <button id="btn-product-filter" type="button" class="btn btn-default btn-group hidden-md hidden-lg" data-toggle="modal" data-target="#product-filter-modal">
       <span class="glyphicon glyphicon-filter"></span>
    </button>                    
    {$sort}
    {if $show_types}{$list_type}{/if}  
</div> 

<div class="clearfix"></div>

<div class="product-list clearfix" data-equalizer>
    {if $show_no_products_notice}
        <div class="panel panel-default">
            <div class="panel-body form-horizontal">         
                {__ text="Brak produktów dla wybranych kryteriów"}
            </div>
        </div>
    {else}
        {slot name="before_product_list" hidden="true"}{/slot}
        {$product_list}
        {$pager}
        {slot name="after_product_list" hidden="true"}{/slot}
    {/if}
</div>

{if $category}
{literal}
<script type="text/javascript">  
//<![CDATA[
jQuery(function($) {
    $(document).ready(function() {
        var href = '{/literal}{$category_url}{literal}';
        $('.horizontal-categories').trigger('highlight', href);
    });
});
//]]>
</script>
{/literal}
{/if}

Answer 1

Całość jest w bootstrapowym containerze dlatego nie jest na całość. Jeśli chcesz na całą szerokość musisz dać container-fluid  , na tej stronie wymaga to większej przebudowy niż tylko zmiana klasy. Jak ją zmienisz, strona się rozjedzie i będziesz miał problemy to pytaj.