    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
  }
  
  .navbar .navbar-inner {
    background: #2C2C2C;
    color: white;
 
</s> remove   position: absolute;
 </s> add   position: fixed; </s> remove .navbar .navbar-inner{
 </s> add .navbar .navbar-inner { </s> remove .wrapper .navbar{
 </s> add .navbar { </s> remove .navbar .navbar-inner .nav li, .navbar .navbar-inner .nav li a, .navbar .navbar-inner .brand:hover{
 </s> add .navbar .navbar-inner .nav li, .navbar .navbar-inner .nav li a, .navbar .navbar-inner .brand:hover { </s> remove     position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
 </s> add   position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
  z-index: 3;
  }
  
  .navbar .navbar-inner {
    background: #2C2C2C;
    color: white;
keep keep keep add keep keep keep keep keep
 Fixed the issue with the non-draggable horizontal scrollbar 
rest_framework/static/rest_framework/css/bootstrap-tweaks.css