Responsive design 如何在Bootstrap 3中删除导航栏更改功能

我有一个客户正在改变对内部页面进行响应性调整的过程，希望保留新的页眉和页脚元素，而不保留响应性功能。我们使用的是Bootstrap3

我的问题是，所有关于删除响应功能的建议都会导致

如果我使用修改后的.container width和max width设置保留原始Bootstrap.css文件，导航栏显示正常，但在768px断点命中后元素消失。没有汉堡包图标出现，所有其他样式都是正常的

使用从引导站点重新编译的Bootstrap.css文件（媒体查询断点设置为0），导航栏将保持折叠状态，无论站点宽度如何，汉堡图标将打开导航元素

到目前为止我所做的：

• 编译了一个新的bootstrap.css文件，所有屏幕大小的媒体断点都设置为0
• 已删除视口元标记
• 使用

  将容器宽度设置为固定！重要

  修改器

---

除了从内部页面删除引导程序外，我还有哪些其他选项？此项目使用bower进行包管理。因此，我不能使用我现有的less编译器来重建css文件，并且仅限于使用

，因为没有快速简单的方法来删除功能，我只是继续重建导航栏，减去引导连接，并在SCS中复制元素样式

---

使用无响应功能重建导航栏大约需要45分钟，而寻找修复程序需要约2.5小时。

要使导航栏永远不会折叠到其垂直移动视图，请将

@grid float breakpoint

Less variable设置为

0px

此变量是浏览器视口宽度，导航栏在其下方折叠。
另见

或者，从官方引导中获取适用的CSS块：

---

我不明白Bower如何阻止您使用更少的编译器。

// From http://getbootstrap.com/examples/non-responsive/non-responsive.css
.container .navbar-header,
.container .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

/* Always float the navbar header */
.navbar-header {
  float: left;
}

/* Undo the collapsing navbar */
.navbar-collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
}

.navbar-toggle {
  display: none;
}
.navbar-collapse {
  border-top: 0;
}

.navbar-brand {
  margin-left: -15px;
}

/* Always apply the floated nav */
.navbar-nav {
  float: left;
  margin: 0;
}
.navbar-nav > li {
  float: left;
}
.navbar-nav > li > a {
  padding: 15px;
}

/* Redeclare since we override the float above */
.navbar-nav.navbar-right {
  float: right;
}

/* Undo custom dropdowns */
.navbar .navbar-nav .open .dropdown-menu {
  position: absolute;
  float: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-width: 0 1px 1px;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #333;
}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #fff !important;
  background-color: #428bca !important;
}
.navbar .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  color: #999 !important;
  background-color: transparent !important;
}