Bootstrap navbar and CSS not showing

HTML & CSS
1

Check the bottom of this page:

It should be like the header bar, or similiar. You can check an example on how it should be here: http://tools.klayz.com/ (scroll to the bottom of the page). I can’t understand why the CSS rules are not working for it.

2

You have the clearfix routines added to the good page but not on the other page.

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}

If you contain your floats the background will show.

.navbar-static-bottom {overflow:hidden}

Of course you should be using the bootstrap methods if using bootstrap.

1 Like
3

I love you so much! Now it’s working! :smile:
I did some edits in order to use both the CSS of Bootstrap and the CSS of vBulletin with no conflicts, and I had deleted those definitions per error.

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.