There is a panel:

<div class="container-fluid"> <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2"> <div class="panel panel-default"> <div class="panel panel-body">Тут что-то</div> <div class="panel panel-footer"> <span class="label label-default">Раз</span> <span class="label label-default">Раз</span> <span class="label label-default">Раз</span> Тут еще много сппанов, очень. </div> </div> </div> </div>

And it turns out the problem, because it gets out of bounds panel-footer Here is a picture of what it looks like. enter image description here

    2 answers 2

    There is not enough element with class row between container-fluid and col-* .

    • Unfortunately, row does not help ... I wrapped each panel in row - Wolkodav
    • @Wolkodav, above, not below. He said the same between. - Qwertiy ♦
    • Not better, unfortunately. - Wolkodav

    maybe so?

     <div class="container-fluid"> <div class="row"> <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2"> <div class="panel panel-default"> <div class="panel panel-body">Тут что-то</div> <div class="panel panel-footer"> <span class="label label-default">Раз</span> <span class="label label-default">Раз</span> <span class="label label-default">Раз</span> Тут еще много сппанов, очень. </div> </div> </div> </div> </div>
    • Here everything works, checked, and you do not have the dimensions for mediascreen lg and xl - Pavel Igorevich
    • yes, for sure ... lg and xl would not hurt - red_python