-
4 votesanswersviews
移动版中的twitter bootstrap导航栏中的图像
如何在Twitter Bootstrap的导航栏中插入徽标图像？ 主要要求： 图像需要放在左边 . 品牌类紧挨着它 . 我通过将品牌转向正确来尝试 . 可以看到图像，但在移动或小型浏览器窗口中，品牌类位于图像之上 . 最右边的下拉菜单 . -
36 votesanswersviews
带有徽标或品牌名称文本的Bootstrap完整响应式导航栏
我想在Twitter Bootstrap 3.1.1中做一个具有指定高度的完整响应式导航栏，其中品牌可以包含图像（徽标）或文本 . HTML： <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="contain... -
0 votesanswersviews
bootstrap自定义导航栏 - 导航栏上的徽标
我想知道是否有一种方法可以使用bootstrap实现this template上的导航栏 . 我'd like to add a logo to the bootstrap navbar, but (like in the example) have it so that the logo extends further than the navbar'的高度和覆盖直接覆盖在图像滑块/轮播上（没有... -
1 votesanswersviews
有没有办法在导航栏崩溃的不同点折叠导航栏？
我正在为一个网站（Bootstrap 3）创建一个固定顶部导航栏，我想知道有没有办法在导航栏形式之前折叠导航栏？ 我的导航栏右侧有链接到网站的4个部分，但导航栏形式（我的导航atm的中间位）有一个搜索框 . 我已经设计了CSS，因为它在菜单中显示在移动设备上看起来很好，但对于平板电脑来说它太宽了 . 我已经将LESS崩溃的断点改为平板电脑，但现在一切都崩溃到了平板电脑的菜单上，这并不理想 . 我想... -
0 votesanswersviews
仪表板内的导航栏：
我想知道将导航栏添加到我的项目有什么更好的做法，因为它是一个使用组件的angular2 im，因此我的仪表板有一个主要的包装器，可以分割内容和导航栏本身 . 两者都应该是组件 . 现在，当我想导航到其他组件时，我可以：1 . 使用链接到其他组件，其中包含 same navbar （重复代码）或2.更改html页面以显示另一个组件（仅在单击内容时动态切换） 你怎么看 ？谢谢！ -
0 votesanswersviews
在角度2中遇到路由器问题
用户登录系统后，我有一个像 Dashboard ， Customers ， Product 这样的导航栏 . 这就是我设置路线文件的方式 . app.routing.ts export const router: Routes = [ { path: '', redirectTo: 'admin', pathMatch: 'full', canActivate: [... -
2 votesanswersviews
Bootstrap 4导航栏活动背景颜色
在链接处于活动状态时，在Bootstrap 3导航栏中，链接背景颜色会更改为显示其活动链接 . 这似乎在Bootstrap 4中缺失 . 有没有办法显示这个或我是否需要覆盖活动类？ Bootstrap 3导航栏如下所示 . 您可以看到活动主页链接突出显示如何在Bootstrap 4中显示此链接 . 角度5代码如下 <div class="navbar-collapse"... -
0 votesanswersviews
angular RouterLinkActive不匹配子路径
我是Angular的新手，我正试图在我的NavBar上工作 . 我已经阅读了其他一些文章，但他们并没有很好的帮助 . 在我的 app-routing.ts 文件中 const routes: Routes = [ { path: '', redirectTo: '/dashboard', pathMatch: 'full' }, { path: 'dashboard', component: ... -
0 votesanswersviews
登录页面中的Angular Hide Navbar菜单
我在angular 5应用程序中为用户实现了导航栏显示/隐藏登录/注销，这是我的参考 https://loiane.com/2017/08/angular-hide-navbar-login-page/ 这在我的本地工作正常，但在部署时失败 . 可能是什么问题 . 我正在使用代码，因为它有微小的变化 . Auth Gard canActivate(next: ActivatedRouteSnaps... -
-2 votesanswersviews
导航栏链接（例如about和contact）不起作用
任何人都可以告诉我如何在下面的代码中修复导航栏链接问题？我尝试了几乎所有的东西，并阅读了所有相关的StackOverflow文章和一些东西，但无法搞清楚！ nothing happens when I click on about or contact 如果有人有线索或任何可能对我有帮助的想法，我真的很感激！ 提前致谢 <!DOCTYPE html> <html... -
355 votesanswersviews
带徽标的Bootstrap 3 Navbar
我想使用带有图像徽标而不是文本标记的Bootstrap 3默认导航栏 . 在不引起不同屏幕尺寸问题的情况下，这样做的正确方法是什么？我认为这是一个常见的要求，但我还没有看到一个好的代码示例 . 除了在所有屏幕尺寸上具有可接受的显示之外的关键要求是较小屏幕上的菜单可折叠性 . 我尝试将一个IMG标签放在具有navbar-brand类的A标签内，但这导致菜单在我的Android手机上无法正常运行 . ... -
195 votesanswersviews
Bootstrap 3 Navbar Collapse
有没有办法增加bootstrap 3导航栏崩溃的点（即，它会折叠成纵向平板电脑上的下拉列表）？ 这两个适用于bootstrap 2但现在不适用！ How to change navbar collapse threshold using Twitter bootstrap-responsive? Change the default responsive navbar breakpoint -
1 votesanswersviews
ZURB Foundation 4.2.3 - 指南针 - 顶栏不起作用
模板在这里：http://foundation.zurb.com/page-templates4/marketing.html 我下载了这个模板并逐个下载了foundation.css，normalize.css和custom.modernizr，js 顶部栏似乎工作正常 . 我在zurb-foundation和指南针宝石上运行了更新，并创建了一个新的指南针项目 . 现在，当我使用该工作模板并将其... -
0 votesanswersviews
导航栏导航链接上的bootstrap下拉菜单
嗨，我是网络编程的新手（只有网络！）所以请温柔 . 我正在尝试使用bootstrap构建一个示例应用程序 . 我感兴趣的是在navbar中我希望能够在悬停时在导航链接上有下拉菜单 . 更具体地说，我需要导航链接以像往常一样运行（显示标签内容，例如点击时的某个页面），但下拉菜单显示何时悬停 . 我不能把展位'data-toggle =“tab”'和'data-toggle =“dropdown”'现... -
0 votesanswersviews
css top nav - 左侧导航（菜单）， Headers 位于中央，右侧（更多按钮） - howto？
我想要一个看起来像这样的顶级导航：div = []，space = . [[menu-icon] [logo] .... [page title] ..... [some-icon] [some-icon]] 所以菜单和徽标区域贴在左边 .中间的页面 Headers .另外2个图标贴在右边 . 我尝试了几种方法，但没有一种方法适合我 .我最好的解决方案已经到位，但是链接/图标不可点击，文本是&q... -
1 votesanswersviews
将项目添加到导航栏
我正在开发一个项目，我有一个固定位置的导航栏 . 但是我想在这个导航栏上添加一个后退按钮，该按钮应该垂直放置在导航栏的左侧 . 这是我添加导航栏的方式：http://jsfiddle.net/wryv1wfv/ 文本没有问题添加到导航栏，因为我这样做： <div id="navbar">Text Here</div> 但我不确定是否添加按钮 . -
0 votesanswersviews
在手机上导航图像
我已经构建了这个site当我在移动设备上查看它时，我可以看到导航栏图像，但如果我在手机上查看该网站，我将无法再看到导航栏图像 . 这是CSS . 任何帮助，将不胜感激 . 背景：网址（"/img/nav-bar/group35.png"）; `.mobile-nav-logo { font-size: 35px; height: 50px; width: 123px; colo... -
3 votesanswersviews
bootstrap 4导航栏无法在rails 5 app中工作
我正在将我的静态HTML / CSS / JS站点迁移到Rails应用程序 . 我正在使用Bootstrap 4，并且所有Bootstrap 4功能和CSS类都在静态页面上工作 . 现在在Ruby应用程序中，导航栏根本没有显示出来 . 我错过了一个宝石文件吗？是否有一种特定的方式来嵌入我做错的样式标签？ 我的宝石文件： gem 'rails', '~> 5.0.5' gem 'sqlite3... -
0 votesanswersviews
Header.php文件中的图像显示在Wordpress网站的主页上，但不显示在其他页面上
我希望在导航栏中的WordPress站点名称之前显示一个小图像 . 这是我写入header.php文件的代码，用于显示图像 . <a class="navbar-brand" href="<?php echo home_url(); ?>"> <img src="img/logo.png" width=&... -
0 votesanswersviews
bootstrap 4无法正常工作6 [重复]
这个问题在这里已有答案： Working Angular NavBar not working after Bootstrap upgrade 3 to 4 2个答案 Bootstrap 4 default navbar is not working.. 4个答案 我正在尝试使用角度6来操作bootstrap 4.我正在测试它是否适用于Bootstrap的默认导航栏 . 这是代码（只需... -
1 votesanswersviews
折叠导航栏可将不可折叠的项目从导航栏移开
我有这个导航栏： 如果屏幕变小，购物车的军队不应该倒塌： 到现在为止还挺好... 但是，当我点击切换按钮时，我的购物车大军也随着菜单向下移动，如下所示： 但我想要我的购物车大军，也要像这张照片一样熬夜（现在画）： 我've looked for a few hours now, and still can' t实现了这种行为 . 这是fiddle . Code ： <nav class=&q... -
0 votesanswersviews
离子定制 Headers （离子导航条）隐藏问题
我希望在我的应用程序中每页都有相同的 Headers （使用“后退”按钮和其他自定义按钮） . 我试着在index.html中定义一个自定义的离子导航条，如下所示： <html> ... <body ng-app="starter"> <ion-nav-bar class="bar-stable"> &... -
1 votesanswersviews
在没有汉堡菜单的情况下制作响应式Bootstrap导航栏
我正在使用Bootstrap构建一个项目组合项目 . 我想让导航栏响应但不使用默认的汉堡包菜单 . 相反，我有一个媒体查询，将文本链接更改为图标 . 但是，当屏幕调整为767及以下时，图标会折叠成第二行 . 我希望他们能够更接近导航栏 Headers . 我一直在寻找，但其他人似乎都在询问添加汉堡菜单 . 有什么建议？ http://codepen.io/anthkris/pen/xwpPrE/... -
0 votesanswersviews
Bootstrap Navbar菜单项目被困在汉堡菜单中
这里_469127是一个奇怪的 - 我可以将一个响应的Bootstrap导航栏从一个项目复制并粘贴到另一个项目中，并得到不同的结果 . 值得注意的是，在第一个项目中，缩小窗口大小最终会将导航栏缩小为可折叠的汉堡包菜单 - 这就是我想要的 . 将相同的代码复制并粘贴到不同的项目中会导致导航栏菜单项 always 位于汉堡菜单中 . 我可以点击它来展开并显示导航栏菜单项，但不能让它们在任何浏览器宽度的... -
4 votesanswersviews
ionic：固定 Headers 在ion-nav-bar中
我正试图在离子导航栏（文本或图像）中获得固定 Headers . 对于我正在构建的应用程序，我只需要导航栏中的后退图标和徽标/品牌名称，不会从视图淡入视图 . 任何人都可以帮助我/给我一个暗示来实现这一目标 . 提前致谢 . -
0 votesanswersviews
当折叠汉堡包中的导航栏时，Bootstrap导航栏下拉菜单按钮不显示
我有一个带有css媒体查询的boostrap导航栏，当屏幕低于一定大小时（对于移动设备），可以将其折叠并通过汉堡按钮使其可打开 . 但是，我的导航栏中还有一个下拉菜单，当导航栏全屏展开时工作正常但是当我从导航栏的汉堡版本打开它时，下拉菜单中的按钮不会显示 . 宽屏幕 - NAVBAR DROP DOWN工作精细： NARROW SCREEN（汉堡包） - DROPDOWN菜单按钮不显示： 以下... -
114 votesanswersviews
Twitter Bootstrap中的导航栏颜色
如何更改Twitter Bootstrap 2.0.2导航栏的背景颜色？如何更改导航栏中所有元素的颜色以反映背景颜色？ -
1 votesanswersviews
bootstrap - navbar - 交换品牌和切换
如果视口足够小，我想在移动视图中切换品牌和切换按钮 . 在桌面视口上，品牌图标应位于右侧，链接应正常显示 . 例子： 桌面： +--------------------------------------------+ |Link1 Link2 BrandIcon1 BrandIcon2 | +------------------------------------------... -
1 votesanswersviews
如何使引导导航栏右拉项正确对齐导航栏
我目前拥有的： https://jsfiddle.net/st589n9j/show/ 它在桌面视图上工作得很好，我想要它，因为它是桌面视图 . 但对于移动视图，它显示为： 而我想要的是： 我尝试了各种各样的东西，移动导航栏div元素，但它只是更乱，我无法解决它 . 我期待的方式是用户图标不会合并到可折叠菜单中，但如果可以通过删除用户图标和自动扩展下拉项目将其合并到菜单中，那么我对该选项持开放... -
0 votesanswersviews
css下拉悬停问题与导航
我正在尝试更改顶部导航栏，以便其中一个导航项显示一个下拉div，并在项目下方的子菜单上使用纯CSS悬停 . 但是，我在最初隐藏下拉列表时遇到一些问题，并且当您将鼠标悬停在特定导航项上时也会显示它 . 这是导航HTML ... Navigation HTML <div id="nav"> <ul class="fancyNav"> ...