腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
3
回答
Bootstrap 3..navbar切换切换状态
、
、
、
我正在使用bootstrap 3.0,并在一个移动网站上工作。我想知道如何改变按钮的背景颜色。导航栏-当导航栏折叠时切换。 基本上我想问的是,当导航栏菜单打开时,如何在移动设备上显示“按下”状态?
浏览 5
提问于2013-09-21
得票数 1
1
回答
使用angular7和Bootstrap4折叠导航栏
、
、
我正在尝试制作一个导航栏与正确的折叠动画时,有移动屏幕大小。 我一直在关注这个教程:https://angularfirebase.com/lessons/bootstrap-4-collapsable-navbar-work-with-angular/#ui-top-nav-component-html,并设法让它工作起来。但是,正如您在示例中看到的,您首先显示了一个块,然后滑动文本。当然,我希望文本和块同时滑动,就像在bootstrap documentation (Bootstrap navbar)中一样--要查看它,你只需缩小窗口并按下导航栏按钮,就可以看到菜单平滑地折叠。 可以通过
浏览 21
提问于2019-02-10
得票数 0
1
回答
Bootstrap中有切换按钮栏组件吗?
、
我正在寻找一个菜单(类似于Bootstrap导航栏),当一个按钮被选中时,我可以交换其图像。导航栏只是简单地显示了一种被选中的状态。 就像Flex ToggleButtonBar一样,一次只能选择一个按钮。 谢谢你的建议!
浏览 1
提问于2013-06-13
得票数 0
回答已采纳
1
回答
如何让bootstrap导航栏内联或只是折叠它们?
、
我正在尝试使用bootstrap来创建导航栏。导航栏的左侧是功能菜单。右侧是导航按钮,带有指向控制面板或注销页面等的链接。 导航栏如下图所示。 当我减小浏览器的大小时,它应该如下图所示。 但是,如果浏览器是中等大小,导航栏将如下图所示。 也就是说,左边的导航栏和右边的导航栏不是内联的,而是堆叠在一起的。 我想知道如何让左侧和右侧导航栏始终内联,或者只是折叠它们。 代码位于: 我尝试按照这个来解决这个问题,但是失败了。 有什么需要帮忙的吗?
浏览 1
提问于2016-03-12
得票数 0
3
回答
AngularJs:基于路由隐藏导航栏元素?
、
、
我正在尝试弄清楚如何根据路线或当前显示的视图在导航栏中显示或隐藏元素。例如,当用户在搜索表单上时,我在导航栏(Bootstrap 3)中放置了一个基本/高级切换按钮。但当它们在应用程序中的其他位置时,切换按钮应该被隐藏。 就DOM而言,它只是一个构建导航的列表项。我不确定是应该根据在每个视图上设置的全局值来显示还是隐藏,或者是否可以只使用路由或视图名称。如果是这样的话,它是如何工作的? 谢谢!
浏览 2
提问于2014-05-24
得票数 10
回答已采纳
3
回答
通过Bootstrap改变肚脐按钮的位置
、
、
、
、
我用引导带做了一个导航条。在这里,导航条的切换按钮总是对齐导航条的右侧。我的问题是,为什么它与它的右边是一致的?是什么使切换按钮保持在导航栏的右边。我们也没有用于按钮的ml-auto类,也没有在品牌和按钮之间的元素,该元素具有自动长度。那么,在此按钮上应用了哪个类的属性来使其与导航条正确地对齐? 在从ul标签中移除时,切换按钮仍然对齐导航栏的右侧。 跟我说说财产和负责这件事的班级。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &l
浏览 5
提问于2020-12-24
得票数 1
1
回答
使用Twitter Bootstrap 2.x在移动设备上切换侧边栏
、
是否可以通过Bootstrap隐藏移动设备的侧边栏,但让它通过切换按钮访问?切换按钮应该只为移动设备显示,其中默认视图没有侧边栏-类似于响应Bootstrap导航栏的工作方式。请参阅附图。
浏览 3
提问于2013-06-01
得票数 3
回答已采纳
1
回答
在bootstap-vue中更改类的b-navbar切换
我的bootstrap-vue页面上有一个<b-navbar>。导航栏是透明的,但在移动设备上单击(展开)时,我希望它是实心的。我计划通过使用CSS类将颜色从rgba(0, 0, 0, 0.05)更改为rgba(0, 0, 0, 1)来实现此目的。 我从https://bootstrap-vue.org/docs/components/navbar#comp-ref-b-navbar-toggle-events了解到,当我按下切换按钮时,会触发一个称为“本机单击事件对象”的东西。我已经安装了Vue Devtools,每次我按下导航栏切换按钮时,我都可以看到这个事件被触发。 我的问
浏览 58
提问于2020-09-17
得票数 0
回答已采纳
1
回答
在媒体查询中将javascript中的display = 'none‘设置为优先于CSS
、
我有一个简单的网页,在其中我有一个导航栏内的导航标签。当视口小于700 to宽时,我使用媒体查询来隐藏此导航栏(通过在CSS中为nav标记设置display: none ),并在viewport为700 to宽或更宽时(通过在CSS中为nav标记设置display: block )来显示此导航栏。这正是我最初加载页面时想要的工作方式。我可以根据需要调整视口的大小,每次都能看到我想要的效果(导航栏的消失和重新出现)。 我在这个页面上也有一些javascript。首先,我得到了对nav元素的引用如下: const mynav = document.querySelector('nav
浏览 10
提问于2022-03-16
得票数 2
回答已采纳
2
回答
带angular 2和bootstrap 4的响应式导航栏
、
、
我正在尝试建立一个web应用程序与顶部的导航栏与一些选项。然而,当在移动设备上查看网站时,导航栏缩小,并出现一个图标,供用户按下以显示选项。与本网站中显示的行为完全相同 我使用的是angular 2和bootstrap 4。 我试过bootstrap 4的例子,但是它们在angular 2上似乎不能很好地工作(Dropdown不工作)。这就是我发现angular团队实际上一直在开发他们自己的框架来与称为ng-bootstrap的bootstrap集成的时候。然而,这里没有任何关于响应式导航栏的内容。 有没有一种快速简单的方法来构建这样的导航栏,而不是通过检查屏幕大小和改变周围的东西来手动操作?
浏览 4
提问于2017-01-19
得票数 3
1
回答
如何完全删除导航栏切换按钮引导asp.net
、
、
、
我想从我的BootStrap上的ASP.NET站点上删除导航栏切换按钮。我想完全删除它,所以当浏览器窗口调整大小时,菜单项应该留在原来的位置。 另外,我的英语很抱歉。这是我关于Stack的第一个问题
浏览 2
提问于2015-03-25
得票数 0
2
回答
在粘性顶部导航栏Bootstrap 4中滚动
、
、
、
我有一个问题,因为我做了一个导航栏,它是粘性顶部的,它有几个下拉菜单(每个下拉菜单中有许多按钮)。因此,如果设备的高度太小,它会被裁剪,我可以得到更低的按钮。我需要知道如何在导航栏上添加滚动。 现在它是这样工作的(使用bootstrap 4.0) 而在bootstrap 3.3.7中,它更简单,看起来像这样: 只需将窗口高度更改为300px,您就会看到效果。我需要帮助添加滚动到粘性顶部折叠导航栏。
浏览 23
提问于2018-02-17
得票数 3
回答已采纳
0
回答
React Bootstrap导航条
、
我将react与bootstrap一起使用(不是react-bootstrap),并在导航栏上工作。 一定宽度(<768px)的导航栏变成了一个移动导航栏,其中包含折叠视图中的链接,你可能已经知道了。 有没有办法找出它是否在移动视图中?我有一个搜索按钮,我希望onclick事件在每个视图中是不同的。
浏览 3
提问于2016-07-15
得票数 1
1
回答
使Bootstrap的导航栏始终折叠
、
我正在工作的网站没有使用桌面版的Bootstrap导航栏,而是利用了移动版的响应式导航栏(并隐藏了自定义导航)。导航栏没有实际的链接,甚至在桌面版本中也存在,显示品牌推广和搜索表单。 然而,问题是该网站最终有三种导航类型: 1)自定义导航单元,桌面版使用。2)带有切换按钮的折叠导航栏3)大多数平板电脑上默认的“导航栏中的导航链接”。我想摆脱这个:有太多的链接(不能对网站结构做太多的改变),它看起来很嘈杂。 有没有可能Bootstrap的导航栏总是崩溃?
浏览 1
提问于2013-06-09
得票数 1
2
回答
如何移除Swiftui中的切换按钮,以及如何在iPad上显示侧边栏时显示在较高的位置
、
我希望在iPad上显示一个侧边栏。然而,困扰我的斯威夫图伊导航视图是,我有这个丑陋的按钮。此外,当iPad水平举行时,我想展示一个侧边栏。是否可以更改导航视图组件以使其工作?
浏览 3
提问于2021-05-15
得票数 0
2
回答
不确定为什么我的可折叠导航栏不工作
、
您好,我在我的网站上使用了bootstrap来制作一个可折叠的导航栏。当我调整屏幕大小时,导航栏就会折叠。但是,当我单击可折叠按钮时,导航栏不会出现在下面。 我的代码: <nav class="navbar navbar-expand-sm navbar-dark bg-dark"> <a class="navbar-brand" href="#"> <img src="images/logo.jpg" alt="Logo" height=&
浏览 1
提问于2021-09-18
得票数 0
2
回答
JAVASCRIPT脚本冲突?
、
、
我有一个由bootstrap制作的Carousel,这是运行它的脚本。 <script> !function ($) { $(function() { $('#myCarousel').carousel() }) }(window.jQuery) </script> 我尝试在我得到的导航栏上添加一个不同的效果,这样当我单击导航栏时,它会滑到该页面的部分中。我添加了这个脚本。 <script> $('a').click(fu
浏览 1
提问于2014-04-20
得票数 0
1
回答
导航栏下拉菜单在Angular 12 bootstrap 5中不工作
、
、
、
、
我正在尝试通过CDN对Angular使用bootstrap。这是我的index.html文件: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Laboratorio Sigma</title> <base href="/"> <meta name="viewport" content="width=device-width,
浏览 20
提问于2021-09-19
得票数 0
7
回答
Bootstrap 3中响应导航栏的问题
、
、
在最新版本的Bootstrap中,我的响应式导航栏没有问题,但我无法让版本3工作。切换按钮正常显示,除商标外的所有内容都会消失,但该按钮不会对单击做出响应。()如有任何帮助,我们将不胜感激!以下是到目前为止的代码: <!DOCTYPE html> <html> <html lang="en"> <head> <title>Hello World</title> <meta charset="utf-8"> <meta nam
浏览 2
提问于2013-08-06
得票数 24
1
回答
修改导航栏时,如何正确渲染下拉菜单?
、
、
、
我正在使用Bootstrap创建我的用户界面。 我有一个相对较高的导航栏;导航栏的默认高度是50px,我的导航栏是100px。当我渲染一个拆分按钮时,菜单下拉菜单并不考虑导航栏的高度(下面的链接说明了这个问题)。我如何修复这个问题,使下拉菜单呈现在按钮下方(而不是导航栏下方)? 此外,如果有人对如何消除按钮组中间的间隙有一个建议,那也是很棒的! 澄清 我使用的是SASS,所以我没有意识到我粘贴的链接没有说明这个问题。我编译了我的CSS并将其放在JSFiddle链接中。不幸的是,那里的CSS文件很大。 如果您正在使用带有LESS或SASS的BootStrap,我将$navbar-height变
浏览 0
提问于2014-06-23
得票数 1
1
回答
如何使用jquery在html5中创建隐藏和显示导航栏?
、
、
我正在创建一个移动时尚杂志应用程序,我想创建一个导航栏按钮,以便当人们按下按钮时,导航显示,当你再次按下它时,导航栏隐藏。类似下面的示例
浏览 3
提问于2013-02-07
得票数 0
1
回答
如何通过Knockout JS在Bootstrap中利用@media事件
、
我正在使用knockout和Sammy为我的路由和导航构建SPA。我在使用MVVM模型时尽量保持清晰,因为我希望所有操作都绑定到我的VM中。 我正在尝试弄清楚如何在该模式中使用Bootstrap响应导航栏。我知道如何让Bootstrap nav使用切换按钮和导航栏-折叠,但我觉得为了对称,我应该在我的VM中这样做。 唯一的问题是,我不确定如何根据bootstrap使用的媒体查询进行数据绑定,以切换导航栏切换按钮和导航的折叠部分。 我试图跨越Knockout/Bootstrap流是不是很愚蠢?有没有一种干净的方法可以通过基因敲除绑定来连接Bootstrap生态系统? 谢谢 Tal
浏览 0
提问于2014-09-29
得票数 0
13
回答
自动关闭响应导航栏
我正在使用Bootstrap响应式导航栏。当导航栏折叠时,当我打开菜单并单击菜单项时,菜单不会自动关闭,我必须手动关闭。 是否可以在单击其中一个按钮后使菜单自动关闭?
浏览 14
提问于2013-01-10
得票数 40
回答已采纳
3
回答
未显示引导导航栏折叠按钮
、
、
我正在用bootstrap做一个应用程序,我有一个导航栏,但是由于某种原因,当我调整页面大小时,链接消失了,但切换按钮没有显示。 这是我的导航栏: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></scr
浏览 0
提问于2016-09-13
得票数 1
回答已采纳
2
回答
jQuery/JavaScript在切换按钮查询时显示/隐藏事件
、
我正在钻研JavaScript的世界,对我目前正在经历的一个难题有一个疑问…… 我有一个菜单按钮,显示和隐藏在网站上的导航菜单我正在工作的这个菜单按钮,我已经附加了一些JavaScript来‘隐藏’主网站内容时,显示的导航栏是显示和‘显示’的主要内容时,导航栏再次关闭。 我编写的JavaScript确实可以完成这项工作,但我知道它是不正确的,而且不知何故我搞错了!我之所以知道这一点,是因为‘because’和'hide‘元素的脚本计时值都与每个other...making交互,设置动画的时间有点不可预测,无法准确设置。 显示和隐藏导航菜单的菜单按钮附加了以下类: .menu-toggl
浏览 1
提问于2017-09-23
得票数 1
2
回答
固定顶部导航栏的变体
、
、
、
我如何制作一个在页面加载时以50px显示的导航栏?当我向下滚动时,它不会移动,但当我穿过它时,它的行为类似于Bootstrap中固定顶部的导航栏。如果你使用Bootstrap,它将会非常有帮助。 提前感谢你的回答。
浏览 0
提问于2014-05-25
得票数 0
3
回答
带angularjs的Bootstrap导航条
、
我正在尝试让bootstrap导航栏与angularjs一起工作。我希望在index.html中的导航栏和在导航栏中的每个选项卡在其各自的部分休息的内容。我很难让那些部分人出现。
浏览 3
提问于2013-07-29
得票数 9
回答已采纳
0
回答
Bootstrap菜单列表项下拉非按钮
、
、
、
、
我在使用bootstrap的导航栏时遇到了困难。我想创建一个使用bootstrap下拉菜单列表。问题是li在导航栏上。我知道bootstrap有下拉列表,但它用于按钮,在这种情况下是不合适的。我如何在我的引导导航栏中有一个ul li下拉列表?例如,假设我有5个页面,我希望页面是可见的,当我单击以显示在其他4个页面的下方时?我想创建一个导航下拉菜单使用ul内的导航栏使用bootstrap 谢谢。
浏览 9
提问于2016-07-21
得票数 0
2
回答
Bootstrap:导航在开始处不固定,然后固定
、
、
、
我想知道是否可以使用bootstrap来创建带有徽标和其他信息的标题,然后是导航栏。但是徽标不是固定的,只有导航栏是固定的,当它位于页面顶部时。
浏览 4
提问于2016-09-05
得票数 0
1
回答
单击后如何在bootstrap 5中隐藏导航栏
、
我需要帮助隐藏/折叠导航栏后,在一个锚点登陆页面。 我在Bootstrap 4.x上使用了这个脚本 <script type="text/javascript "> $(document).on('click', '.navbar-collapse', function(e) { if ($(e.target).is('a')) { $(this).collapse('hide'); } }); </script&g
浏览 46
提问于2021-06-29
得票数 0
回答已采纳
1
回答
如何在一行中添加bootstrap侧边栏和导航栏?
、
、
、
我有带Bootstrap的侧边栏和导航栏的示例代码。 我不知道如何在导航栏中添加侧边栏相同的行。 如下所示: sidebar logo navbar {item 1, item 2, item 3} 这意味着 我在的钢笔 它只显示导航栏,不显示任何类似按钮的切换按钮来打开侧边栏。
浏览 2
提问于2016-11-07
得票数 1
14
回答
如何使用Twitter引导响应更改导航条崩溃阈值?
、
、
我在Rails 3.1.2项目中使用Twitter 2.0.1,该项目是用引导-sass实现的。我正在同时加载bootstrap.css和bootstrap-responsive.css文件,以及bootstrap-collapse.js Javascript。 我有一个类似于的导航条的流体布局。这遵循导航栏“响应变化”指令。它工作得很好:如果页面比大约940 to窄,那么导航条就会折叠并显示一个“按钮”,我可以点击这个按钮来展开。 不过,我的肚脐看起来很好,大约550 to宽,也就是说,除非屏幕非常窄,否则它不需要折叠。 如果屏幕宽度小于550 is,我如何告诉Bootstrap只折叠导航条
浏览 16
提问于2012-02-23
得票数 94
回答已采纳
1
回答
UITabBarController中UINavigationBar上的UIBarButtonItem
、
、
、
、
我对这里一无所知。对不起,梅英语。 我使用的是一个iPhone应用程序,它有一个Tab Bar Controller (在导航控制器中)。Tab Bar Controller有四个选项卡和一个带有默认返回按钮的导航栏。我将在此导航栏上设置另一个栏按钮项(在选项卡栏控制器上)。在故事板上拖放很容易,但我不能为这个新的栏按钮项设置操作。 我知道我应该为我的UITabBarController设置一个代理,但我不知道如何设置。有人能帮上忙吗? 谢谢!
浏览 2
提问于2012-10-08
得票数 1
1
回答
Bootstrap 4:在两个导航栏中拆分导航栏和显示-用于小屏幕设备的切换器
我已经使用bootstrap 4创建了一个导航栏。这个导航栏有10个‘nav-item’。对于大屏幕,它是内联显示的,而对于小屏幕,我使用了'navbar-toggler‘。这可以很好地工作。但我想拆分这个导航栏,并显示在2个导航栏切换小屏幕。 有可能吗?另外,我对bootstrap还很陌生! 代码如下: <nav class="navbar navbar-expand-md my-navbar"> <!-- Brand --> <a class="navbar-brand"></a> <!
浏览 27
提问于2019-03-17
得票数 1
2
回答
导航选项卡中的引导搜索栏
、
、
我正在使用Bootstrap为我的父母创建一个博客。对于导航栏,我使用Bootstrap navs nav-tab,如下所示: <ul class="nav nav-tabs nav-justified"> ... </ul> <ul class="nav nav-pills nav-justified"> ... </ul> 我想添加一个搜索栏,例如您可以包括在导航栏中,但我找不到任何其他人试图这样做的证据,所以可以将搜索输入添加到nav-pills调整类中吗?
浏览 9
提问于2017-07-13
得票数 0
1
回答
使用Bootstrap 3.0导航栏中的多个折叠按钮
、
、
、
、
我正在使用Bootstrap 3.0来显示一个带有一些链接和搜索字段的导航栏。当我转到“手机版”时,我有一个按钮可以折叠导航栏,并显示所有内容:链接和搜索栏。现在我需要两个按钮,一个按钮只折叠导航栏的链接,另一个按钮只折叠搜索字段。我该怎么做呢?
浏览 1
提问于2013-09-16
得票数 14
回答已采纳
3
回答
在bootstrap中创建固定到底部的导航栏,在切换时向上滑动内容
、
、
、
、
我的网站上有两个导航栏,一个在页眉,另一个在页脚。 页眉部分工作正常,但我想要的是页脚应该类似于导航栏,但是,当我进入移动视图(较小的视区)时,会出现一个切换按钮(默认的引导功能),但当单击该切换按钮时,它会向下滑动,内容显示在导航栏下方,向上激励,那么,有人能在这方面帮助我吗? 我不知道如何将Bootstrap包含在Fiddle中,所以直接发布我的页脚代码。它包括,引导文件和Fontawesome文件在我的直接。 获取链接: <footer> <div class="navbar navbar-inverse navbar-fixed-bottom"
浏览 0
提问于2014-01-03
得票数 14
回答已采纳
1
回答
Bootstrap导航栏链接切换程序未显示
、
、
、
、
编辑9-10-19:我给了img标签一个"logo“类,并将内联样式移到了单独的样式表中,导航栏链接仍然不会折叠为切换图标。 我已经成功地设计了一个bootstrap导航栏,但由于某些原因,当我减小页面大小时,导航栏链接不会折叠成一个切换图标,它们只是消失了。 我希望导航栏链接消失,如果页面变得太小,但被一个按钮,可以切换到显示导航栏链接。 我已经做了很多检查,我找到的大多数问题解决方案都涉及到确保div ids匹配,我非常确定我的div ids匹配,请帮助我! <nav class="navbar navbar-expand-md navbar-light"&g
浏览 3
提问于2019-09-10
得票数 0
1
回答
导航类似于AngularJS webapp中的UINavigationController
、
我希望我的webapp应用程序能像其他使用的iPhone应用程序一样工作。 我希望从两个视图开始:根视图和导航栏。 当应该显示一个新视图时,它将被放在当前视图的顶部,只是隐藏了以前的视图。 导航栏应该显示当前视图的标题,以及一个后退按钮(除非是根视图)。
浏览 0
提问于2013-01-11
得票数 0
回答已采纳
1
回答
gulpfile.js中的Bootstrap-sass javascript
、
、
、
、
我有一个带有gulpfile.js文件的angular应用程序,其中我的sass/css文件被缩小了。该应用程序之前没有使用bootstrap。但是由于新的需求,我不得不加入bootstrap-sass。 在gulpfile.js中,我可以添加脚本来执行以下操作: gulp.task('styles', function() { return gulp.src(["src/main.scss", "src/styles/**/_*.scss", "src/components/**/_*.scss"]) .
浏览 0
提问于2016-11-25
得票数 0
2
回答
如何用jQuery和bootstrap css实现带图标展开折叠侧导航
、
、
、
我几乎已经完成了使用jQuery和Bootstrap扩展折叠侧导航的工作。这是我的html和屏幕截图。 <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <script src="https://code.jquery.com/jquery.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3
浏览 0
提问于2015-08-30
得票数 3
回答已采纳
1
回答
如何使用以第一条为条件的引导来制作辅助导航条?
、
、
我刚开始用靴带做实验。我想做的是: 我在顶部有一个主导航条,我已经使用Bootstrap的导航条功能定制了它的样式。主要链接,如家,关于我们,联系等. 对于主导航栏中的某些选项卡,我希望在主导航栏下生成一个具有“子链接”(例如)的辅助导航条。关于我们可能有不同的历史,新闻等.) 有没有办法用Bootstrap来做这件事?我看到的唯一基本功能是有两个样式相同的导航条,它们总是存在的。 这里可以找到一个很好的例子:,如果您单击顶部的About链接,就会生成一个辅助导航条。
浏览 1
提问于2013-12-25
得票数 0
1
回答
Bootstrap两个导航栏折叠
、
在bootstrap中,我想让两个导航栏位于彼此的下方。我的想法是: 导航栏1有一个品牌:主菜单。 导航栏2(在navbar1下面)有一个名为: sub menu的品牌。 当用户在他的移动电话上查看网站时,他/她看到两个可折叠的导航栏。用户现在可以选择要打开的导航栏。菜单或子菜单。 我只是复制了bootstrap网站上的标准代码: 奇怪的是。当我把浏览器变小的时候。此时会出现两个折叠的导航栏。“主菜单”和“子菜单”。当我点击main menu后面的按钮时,会出现主菜单。就像它应该的那样。但当我按下子菜单(取消折叠)按钮时。主菜单再次打开。不是子菜单。 我只是在链接中使用了bootstrap网站
浏览 1
提问于2013-12-20
得票数 20
回答已采纳
1
回答
切换Bootstrap中覆盖的侧边栏
、
、
、
、
我使用Bootstrap。 我有一些文本输入来过滤我页面上的一些数据。 如何将这些输入域放在一个隐藏的侧边栏中,当我单击导航栏中的一个切换器时,它会显示出来?侧边栏应该是覆盖的,并有完整的高度。 我想我可以使用一个位置绝对、高度100%、宽度300px、顶部0和右侧0的<div>元素,但我不知道如何通过导航栏中的按钮来切换它。此外,如果切换按钮在导航栏的右侧,那么侧边栏将会覆盖在按钮上,所以我不能再次隐藏它。如果我在侧边栏之外单击,侧边栏也必须隐藏。我已经浏览了bootstrap文档,但没有这种情况的示例。
浏览 2
提问于2015-10-18
得票数 0
2
回答
无法从bootstrap-sass gem - Rails 5.0.2加载所有样式
、
、
、
、
我正在尝试使用gem "bootstrap-sass"创建一个Bootstrap导航栏,但它不能像预期的那样加载。 这是完全加载的导航栏,可以在bootstrap的网站上找到: 在遵循了教程中提供的 (在失败之后,还有许多其他的)之后,我仍然得到相同的结果,那就是一个导航栏,其中只加载了几个引导程序类: 如果我们仔细观察修改了"Search“按钮的css类,我们注意到btn类生效了,但是类btn-outline-success没有正确加载。 我已经尝试删除或保留*= require_tree .和*= require_self,但结果总是相同的。 J
浏览 1
提问于2018-02-15
得票数 0
1
回答
您可以折叠引导按钮组吗?
、
我在一个网站上工作,它使用Bootstrap按钮组进行导航。但是,我想让它像导航栏一样折叠成汉堡图标。我已经做了一些搜索,但没有找到任何解决这个问题的方法。可以折叠按钮组吗?还是必须使用Navabar? 我试着使用按钮快速设置导航栏的样式,但效果不是很好,然后我发现一些帖子说不要在导航栏中使用按钮。 这是我们的按钮组的基本布局。 <div class="btn-group btn-group-sm btn-group-justified"> <a href="@Url.Action("ScheduleDetails"
浏览 0
提问于2018-01-04
得票数 1
1
回答
在Bootstrap 4导航栏中使用自定义图标作为按钮
我想在Bootstrap 4导航栏上放置一些自定义图标按钮。我试着用这样的方式放置按钮: <a class="nav-item" href="#"> <img class="png-icon d-inline-block align-middle" src="assets/png-icons/zoom full.png"> </a> 该按钮显示在导航栏上,但它在顶部对齐。我想让它居中对齐(垂直)。我尝试了所有类型的CSS样式,如页边距-顶部和填充-顶部,但它没有改变任何东西。我也试过使用
浏览 18
提问于2017-06-28
得票数 0
回答已采纳
2
回答
如何让导航栏切换按钮在第一次单击时向下拉,而不是下降,消失,然后必须再次单击?
、
当我的站点在小屏幕上显示导航栏折叠的切换按钮时,我编写了一些jquery来在单击菜单项时隐藏导航栏,然后再次单击导航栏切换按钮时,我想让它简单地再次显示出来,这样用户就可以选择另一个菜单项。发生的情况是,在第一个hide()事件之后,需要单击两次导航栏切换按钮才能显示菜单。我怎么才能得到它,只需要一次点击?以下是网站的代码和链接: $('.select').on('click', function() { $('#navigation').hide(); }); $('.navbar-toggle'
浏览 1
提问于2016-03-11
得票数 0
1
回答
Bootstrap 4导航栏,带下拉菜单和响应模板?
、
对于B3,有大量带有下拉菜单的顶级导航栏的模板。随着屏幕尺寸变小,菜单折叠为3栏按钮,菜单变成折叠菜单。 有没有使用Bootstrap 4做这件事的例子或模板?我找到的响应示例可以折叠菜单,并显示3栏按钮,但菜单不会变成手风琴菜单。也有许多BS4的下拉示例,但不是响应式的。 当屏幕变小时,我是否必须隐藏整个导航栏,并显示具有所有相同选项的手风琴?这似乎比BS3要多得多的工作。
浏览 1
提问于2016-04-25
得票数 1
2
回答
使bootstrap中的导航栏仍然有响应
、
、
、
我的UI使用bootstrap框架。我用同样的框架做了一个导航栏。当我减小屏幕尺寸时,我会得到以下输出 不过,如果我缩小窗口大小,我可以看到像这样的折叠按钮 我缩小了窗口,我不想看到像在图像缩小窗口中的那个。,.If。相反,如果我缩小了窗口大小,是否可以在没有缩小窗口阶段的情况下看到折叠按钮?
浏览 16
提问于2016-08-31
得票数 0
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
bootstrap是如何实现博客导航栏的?
纯CSS的导航栏Tab切换方案
关于setInterval切换页面时不工作
产品丨CoreMall多商户系统新增店铺底部导航栏,切换模块so easy~
python编程:从入门到实践学习笔记-基于Django框架的Web开发-设计样式和部署(一)
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
云直播
活动推荐
运营活动
广告
关闭
领券