Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]--> <title>Bootstrap Grid - Clearfix</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="/0frameworks/css_frameworks/bootstrap-3.1.1/dist/css/bootstrap.min.css"> </head> <body style="border:1px solid Orange;padding:10px;background:#FFFFDA;"> <h3>Bez clearfix</h3> <div class="row"> <div class="col-xs-6 col-sm-3"><p class="well">.col-xs-6 .col-sm-3 povećana visina texta Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p></div> <div class="col-xs-6 col-sm-3"><p class="well">.col-xs-6 .col-sm-3</p></div> <!-- <div class="clearfix visible-xs"><p class="well" style="background:#FFCCFF">clearfix</p></div> --> <div class="col-xs-6 col-sm-3"><p class="well">.col-xs-6 .col-sm-3</p></div> <div class="col-xs-6 col-sm-3"><p class="well">.col-xs-6 .col-sm-3</p></div> </div> <br> <br> <br> <h3>Sa clearfix</h3> <div class="row"> <div class="col-xs-6 col-sm-3"><p class="well">.col-xs-6 .col-sm-3 povećana visina texta Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p></div> <div class="col-xs-6 col-sm-3"><p class="well">.col-xs-6 .col-sm-3</p></div> <!-- clearfix --> <div class="clearfix"><p class="well" style="background:#FFCCFF">clearfix</p></div> <div class="col-xs-6 col-sm-3"><p class="well">.col-xs-6 .col-sm-3</p></div> <div class="col-xs-6 col-sm-3"><p class="well">.col-xs-6 .col-sm-3</p></div> </div> </body> </html>
Pregled stranice:
Pogledaj stranicu
../css/bootstrap/primjeri/018clearfix2.html
.