草庐IT

navbar-wrapper

全部标签

html - Bootstrap Navbar 折叠点 < 768px

这是Bootstrap3的老问题->更改导航栏的折叠点,但此处建议的方法:https://coderwall.com/p/wpjw4w/change-the-bootstrap-navbar-breakpoint这里:Bootstrap3NavbarCollapse不适用于768px以下的折叠,它似乎只适用于延长折叠点,而不是缩回它。我有一个特殊情况,我的导航栏有3个按钮,所以它不需要这么早折叠。我希望它在420像素处折叠。有没有CSS解决方案?如果没有,有人可以指出我需要更改和下载的Bootstrap自定义页面中的正确属性吗?也许是通用断点?因为我看不到Navbar断点:http:/

html - Bootstrap 3 : keep navbar items outside the collapse without wrapping to a new line?

这个问题在这里已经有了答案:Excludemenuitemfromthecollapseofbootstrap3navbar(3个答案)关闭6年前。我可以使用一些帮助让我的Bootstrap3导航栏在折叠时看起来正确。如果这是一个重复的问题,我深表歉意,但经过长时间的搜索仍未找到我需要的答案。我已经基于Bootstrap演示代码创建了一个响应式导航栏。在其中,有一个40x40图像和一个链接到下拉菜单的球形字形,我已将其右对齐并从导航折叠中省略。不幸的是,当导航折叠时,40x40和地球仪字形出现在新的一行上,这是我不想要的。当导航折叠时,我的完美布局是让40x40和地球与我的品牌形象、折

html - 在桌面上 Bootstrap navbar-fixed-bottom,在移动设备上 Bootstrap navbar-static-top?

有没有办法让Bootstrap导航栏在移动设备上保持navbar-fixed-bottom,在桌面上保持navbar-static-top?我正在考虑创建两个导航栏并隐藏一个并显示另一个,但我不确定这是否合适;在相关说明中,可以使用两个具有相同角色的导航元素吗? 最佳答案 您还可以通过使用javascriptjquery根据屏幕宽度添加和删除导航栏的类来执行此操作。if($(window).width()>330){$('.navbar').addClass('navbar-static-top');}else{$('.navbar

html - 是否可以仅在移动设备上使用 Twitter Bootstraps .navbar-fix-to-top?

我有带有这个导航栏的TwitterBootstrap3网页:TogglenavigationTitle...它在桌面上看起来不错,有一些顶部边距。但是是否可以仅在移动设备上使用.navbar-fixed-to-top?这样在移动设备上导航栏总是在顶部,没有顶部、左侧和右侧边距? 最佳答案 最简单的方法是只使用CSS。不需要javascript。我在.navbar-default中使用了来自navbar.less的.navbar-top-fixed样式。如果您有不同的类名,只需更改它即可。如果您的导航栏高度超过50像素,您还应该更改b

html - Bootstrap Navbar 显示为垂直列表...?

所以我按照在线教程(http://www.sitepoint.com/twitter-bootstrap-tutorial-handling-complex-designs/)并完全按照代码进行操作,但由于某种原因,我的导航栏没有按应有的方式显示。我的friend(在网络开发方面更有经验)快速查看了代码,但无法找出问题所在。所以我想我应该在这里发布我的问题。我还会向您展示我的工作目录(以防万一您想知道文件是否都在同一目录中):如果你想自己尝试,这里是代码MybootstrapBootstrapSiteHomeProjectsServicesDownloadsAboutContact

html - 在不换行文本的情况下创建 Bootstrap 3 Navbar 的最佳方法(并且没有折叠)

我正在尝试使用Bootstrap3创建导航栏,它不会折叠或环绕文本。我希望文本被简单地截断(或省略)而不是换行-因此导航栏保持在一行上而不会垂直扩展。(此导航栏将用于通过单个右对齐菜单显示当前View位置)像这样:Tryingtogetthislonglineoftexttonotwrapeveniftoowidefortheviewtodisplay.Tryingtogetthislonglineoftexttonotwrapeveniftoowidefortheviewtodisplay.Menu如图所示,我一直在使用CSSfloat、溢出、空白设置,但似乎无法获得正确的组合。此外

html - Bootstrap 3.0.3 navbar-right 和 pull-right

我正在学习一些Bootstrap教程并使用Bootstrap3.0.3版本。我注意到navbar-right完全向右浮动,而pull-right似乎与3.0的navbar-right一样工作>做了。我在JSFiddle上放了一个例子.根据他们的blog2013年12月5日,进行了一些修改,所以想知道我是否错误地构造了HTML类,或者这是否是菜单对齐的新方法? 最佳答案 看起来3.0.3的实现是有意更改的,以在#11530下满足这一要求。:解决方法是在.navbar-right上添加填充:.navbar-right{padding-r

html - Bootstrap : Navbar not fixed to very top has like 40px padding?

我在使用TwitterBootstrap时遇到问题,这是我的导航栏的样子:页面顶部和导航栏之间有间隙。我尝试使用.navbar{position:fixed!important;top:0px;padding:0px;margin:0px;}在我的css文件中,但它仍然无法正常工作。它在移动设备和桌面设备(使用响应式CSS)中看起来像这样。我尝试将我的网站css放在响应式css之后和之前,但它没有做任何事情。有谁知道为什么会这样?来自bootstrap.css的导航栏数据:.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;rig

html - 使用 CSS 删除 Bootstrap 中 navbar-toggler 汉堡包图标的边框颜色

我在这个问题上纠结了很久。搜索并尝试了多种方法以在单击时删除BS4汉堡包图标的边框颜色(在我的本地,它显示为黄色。在此代码段中,它是蓝色)谁能帮忙解决这个问题?感谢您的帮助!这是我的代码:AboutProjectsContact 最佳答案 这在Bootstrap4中对我有用。.navbar-toggler:focus,.navbar-toggler:active,.navbar-toggler-icon:focus{outline:none;box-shadow:none;}请注意大纲的存在有一个重要的原因,即可访问性!特别是对于不

html - Bootstrap navbar-fixed-top 类,不工作

使用Bootstrap构建投资组合网站-我正在应用“navbar-fixed-top”类以使导航栏固定在窗口顶部,例如本例:https://getbootstrap.com/examples/navbar-fixed-top/我正在尝试使用此代码这样做:AboutProjectsContactMe但是,当我将它应用到我自己的网页时,导航栏仍然可以滚动。您可以在此处查看页面:http://codepen.io/BenWS/pen/gmLEVw 最佳答案 因为您使用的是最新版本的bootstrap(bootstrap4beta6)。它们