jquery - Bootstrap 导航栏固定在顶部

标签 jquery html css twitter-bootstrap

好的,所以我在一个容器中有一个来自 Bootstrap 的标准导航栏,该容器也由 bootstrap 设计样式。

<div class="container">
  <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container-fluid">
       <!-- Nav Bar Goes On From Here. Only Posted this as an examlpe -->

现在,当我将 navbar-fixed-top 类添加到导航栏时,它从容器中出来并在屏幕上从左到右填充。我意识到这是 Bootstrap 的默认行为,但我怎样才能让它保持容器的宽度呢?并以响应式的方式进行。

最佳答案

根据 bootstrap 文档,

container-fluid 应该是全 Angular 的。如果将其更改为另一个 container,是否有帮助?

关于jquery - Bootstrap 导航栏固定在顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26245118/

相关文章:

javascript - jQuery 替换 html 文档中的开始和结束标记

jquery - AngularJS ng-click 中的 this.hide()

jquery ajax跨域调用失败

javascript - 如何将内联 onclick 函数编写为 es6 箭头函数?

css - 单击成为顶部列表项时如何更改列表项在列表中的位置

javascript - 实现英雄轮播 slider 时出现的问题

javascript - 延迟的javascript noConflict不同版本的jquery

javascript - 无法使用 JavaScript 更新网站图标以使其旋转

javascript - 扩展高度以包括绝对定位的 child

jquery - 图像大小(响应 slider )