草庐IT

navbar-toggle

全部标签

html - Bootstrap-3 Navbar 的透明色

我在设置bootstrap3导航栏透明度或不透明度颜色时遇到问题。我没有更改bootstrap.css或bootstrap-theme.css中的任何内容在我的菜单中,我试图将图像置于其下并将颜色设置为黑色透明或不透明的黑色,如下所示:http://i.imgur.com/f9NNwtD.png你可以看到不透明度ammount不是很高,但它是,我必须做类似的事情。当我改变任何东西时,颜色设置为白色,所以请帮助我。下面的代码:Test1Test1Test1然后启动:http://bootply.com/106966 最佳答案 .nav

javascript - Bootstrap 3 Navbar 切换 - 折叠但按钮不出现

我不知道我在这里做错了什么,但我认为这是非常愚蠢的事情。我在Umbraco6.0.5中使用Bootstrap3,但我无法使用切换开关来调整大小-宽度低于770像素时,导航会折叠,但没有用于切换它的按钮,或者更确切地说,有一些东西,如中所示代码和Firebug,但在Chrome和Firefox中不可见(没有尝试过IE)。有一个fiddle和下面的代码。我正在使用http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js,http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/

html - Bootstrap 100% height with navbar

这基本上是我想要实现的:我希望整个页面的高度为100%,但是当我将侧边栏和正文设置为100%时,页面会从导航栏添加40px,因此即使不应该有滚动条,我也会得到一个滚动条。我通过使用表格解决了这个问题,但我确信一定有更简单的方法和css到目前为止我得到的:body,html,.container-fluid,.sidebar,.body{height:100%;min-height:100%;}.navbar{height:40px;position:relative;} 最佳答案 您必须从100%中减去导航栏的高度。有多种解决方案,

html - Bootstrap 3 : Input group in navbar form takes up entire width

这就是bootstrap的导航栏形式。默认的HTML是:Search但我想像input-group一样将输入和按钮连接在一起。但是,当我尝试将输入和按钮环绕在input-group周围时,它最终占据了整个宽度:HTML:Search我读过somesolutionsforthis,但我想避免使用hack,例如style:"width:200px;"有什么解决办法吗?非常感谢。 最佳答案 我想出了一个最小的方法来解决这个问题,而无需修改Bootstrap文档中使用的导航栏表单的默认结构。将类navbar-input-group添加到表单

html - Bootstrap navbar justify/span 菜单项占用全宽

我使用默认的TwitterBootstrap响应式导航栏(没有Logo和搜索),但我希望菜单项被跨越,占据菜单栏的整个宽度。这是我现在默认的Bootstrap导航栏(见---作为空格):[home|menuitem1|menuitem2|menuitem3|contact------------------------]以及我想要的结果(占据整个宽度的菜单项):[--home--|---menuitem1---|---menuitem2---|---menuitem3---|-contact-]我希望有人能提供帮助。 最佳答案 看看

jquery - Bootstrap 下拉菜单 : events for the 'navbar-toggle' ?

当我们在较小的屏幕上时,我们是否有navbar-toggle的事件?例如,$('#myDropdown').on('shown.bs.navbar-toggle',function(){//dosomething…});$('#myDropdown').on('hide.bs.navbar-toggle',function(){//dosomething…});html,TogglenavigationHome-->否则,我们如何检测小屏幕上是否存在navbar-toggle? 最佳答案 navbar-toggle方法发出Colla

jquery - bootstrap框架的 "data-toggle"属性从何而来?

我正在尝试为Bootstrapframework使用一些jQuery插件他们使用名为“data-toggle”的属性。我收到警告“属性数据切换不是a的有效属性”。数据切换来自哪里? 最佳答案 在HTML5中,任何以data-开头的属性都是有效的custom属性。基本上,这是一种将自定义数据附加到HTML规范中未明确定义的元素的方法。然而,在早期版本的HTML中,这并不有效。不过不用担心太多。浏览器通常只是忽略他们不知道的属性。这不会阻止像jQuery这样的库读取它们。 关于jquery-

html - 如何在 Bootstrap v4 中实现 Navbar Dropdown Hover?

我对新的Bootstrap版本有点困惑,因为他们将下拉菜单更改为div:NavbarHome(current)FeaturesPricingDropdownlinkActionAnotheractionSomethingelsehere你们有没有想法在该片段的下zipper接中获得悬停下拉菜单而不添加额外的脚本代码(仅来自bootstrap的css和脚本)?我已经看到了bootstrapcss类,但我无法与bootstrapV3中的类联系起来(我在没有在V3中添加jquery的情况下完成了此操作)。 最佳答案 简单,仅CSS解决方案

html - 推特 Bootstrap : Text in navbar

根据twitterbootstrapdocumentation,我应该能够“将文本字符串包装在标签中以获得正确的行距和颜色。”当我这样做时,在navbar下的任何级别它根本不继承任何navbar类。将字符串包装在中标签呈现它但它不应该是一个anchor。我要呈现的字符串是"Loggedinas...". 最佳答案 您必须在导航栏中包含一个类以及您的p标签,如下所示:Loggedinas 关于html-推特Bootstrap:Textinnavbar,我们在StackOverflow上找到

ios - 是否可以通过 UI 测试中的代码返回 "toggle software keyboard"?

我有测试登录功能的UI测试(并用它来测试其他东西),但有时当焦点从一个字段更改到另一个字段时-键盘隐藏,虽然光标在该字段中闪烁,但我收到错误在field.typeText上-没有要填写的焦点字段。不知何故,我意识到,点击Hardware->Keyboard->togglesoftwarekeyboard会使键盘持续显示在屏幕上,因此测试运行良好。但我需要让它在任何测试设备、任何开发人员机器上运行,所以我想以编程方式设置此选项,而不会在项目的自述文件中烦人地“如果测试失败,请转到……并手动设置……”。这可能吗? 最佳答案 在Xcode