Sticky Footer

Sticky Footer

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigation-bar"> <span class="sr-only">Toggle navigation</span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>

            </button> <a class="navbar-brand" href="#">Logo</a>

        </div>
        <div class="collapse navbar-collapse" id="navigation-bar">
            <ul class="nav navbar-nav navbar-right">
                <li class="visible-lg visible-md">
                    <div class="btn-group navbar-right">
                        <button type="button" class="btn btn-info btn-sm navbar-btn dropdown-toggle" data-toggle="dropdown"> <i class="glyphicon glyphicon-user"></i> LeftyX <span class="caret"></span>

                        </button>
                        <ul class="dropdown-menu dropdown-menu-right" role="menu" style="padding: 18px;">
                            <li> <strong>NAME</strong>

                            </li>
                            <li> <em>LeftyX</em>

                            </li>
                            <li class="divider"></li>
                            <li> <strong>ROLES</strong>

                            </li>
                            <li class="divider"></li>
                            <li> <strong>Culture:&nbsp;EN</strong>

                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</nav>
<div class="container-fluid">
    <div class="row">Content Here!</div><br/>
    <div class="row">Content Here!</div><br/>
    <div class="row">Content Here!</div><br/>
    <div...

CSS

footer {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}