草庐IT

navbar-wrapper

全部标签

javascript - Bootstrap 3 Navbar Collapse menu at Left for left and right navbar items

我有一个带有左侧导航项和右侧导航项的Bootstrap3导航栏(如下所示)。折叠时,我希望导航栏切换(又名“汉堡菜单”)及其元素都左对齐。到目前为止我的代码:LeftLeftRightRight左侧导航栏切换的CSS是:@media(max-width:767px){.custom-navbar.navbar-right{float:right;padding-right:15px;}.custom-navbar.nav.navbar-nav.navbar-rightli{float:left;}.custom-navbar.nav.navbar-nav.navbar-rightli>

html - Bootstrap navbar-toggler-icon 不可见但运行正常

这个问题在这里已经有了答案:Bootstrapnavbar:nothingisdisplayedonsmallerdevices(1个回答)关闭2年前。我正在尝试将我的Bootstrap导航栏实现到我的Handlebars布局文件中。我注意到Bootstrap发生了一些奇怪的事情,这也不异常(exception)。一旦我将窗口缩小到navbar-toggler-icon应该显示的大小,它就不可见了,但它仍然在那里正常工作,我只是看不到它。这是我的整个layout.hbs类:NavbarHome(current){{{body}}}这是一个发生了什么的例子:Pictureofwhatsh

html - Bootstrap 3 navbar-fixed-top 在移动 View 中保持固定

这可能是一个错误或只是我的错误编码。我已经使用twitterbootstrap2.3.*建立了一个网站,没有发现任何问题,尤其是响应功能。当我尝试切换到最新稳定版本的bootstrap3.RC-2(根据Wikipedia)时,问题出现了。我还尝试了下载中包含的示例,并在尝试调整视口(viewport)大小时得到了相同的结果。请看http://bootply.com/69863例如,尝试调整窗口浏览器的大小,然后单击渲染View,并尝试展开菜单并滚动页面。我真正的问题是如何在移动(可折叠)View中使固定导航栏静态化? 最佳答案 .n

javascript - Bootstrap 4 中的 Navbar 药丸颜色填充全高

如何让导航项的背景完全充满颜色,而不仅仅是其中的一部分?这是我尝试使用Bootstrappills的方法,但它不起作用。另外,我尝试了自己的CSS,但它和药丸一样。总而言之,我怎样才能让我的导航栏(在图像中)看起来像thisone,仅关于导航项CSS的背景颜色。Update:AddedHTMLandCSSCode我的代码:HTMLPurrfectionShop-->HomeServicesAboutContactSignUpLoginCSS:.navbar{border-bottom:1pxsolid#F5F5F5;background-color:white;text-transfo

html - 我们应该在 div#wrapper 还是 <body> 上设置宽度?

很多人的HTML标记看起来像这样:Stuffinhere大多数情况下,在此处或网络上的示例中,人们建议您应将宽度设置应用于#wrapper,而不是.这有什么根本原因吗?例如,在techniquesforgracefullydegradingmediaqueries上的一篇文章中,并为您提供有关技术1:什么都不做的一些背景信息:TheelephantintheroomisInternetExplorerforthedesktop.Withamobile-firstsolution,largescreenswilldisplaythecontentinonecolumn,resulting

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 - CSS 语言讲 : Container vs Wrapper?

容器和包装器有什么区别?每个是什么意思? 最佳答案 根据this回答:Inprogramminglanguagesthewordcontainerisgenerallyusedforstructuresthatcancontainmorethanoneelement.Awrapperinsteadissomethingthatwrapsaroundasingleobjecttoprovidemorefunctionalitiesandinterfacestoit.这个定义与单词的含义相匹配,它对HTML结构很有用,例如:......

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添加到表单