Bootstrap 3

Bootstrap 3,第1张

Bootstrap 3

经过仔细检查,没有30万行,但是您需要覆盖大约3-4个CSS属性

.navbar-collapse.collapse {  display: block!important;}.navbar-nav>li, .navbar-nav {  float: left !important;}.navbar-nav.navbar-right:last-child {  margin-right: -15px !important;}.navbar-right {  float: right!important;}

这样,您的菜单就不会折叠。

说明

四个CSS属性分别执行以下 *** 作:

  1. .collapse
    引导程序中的默认属性隐藏平板电脑(风景)和电话菜单的右侧,而是显示一个切换按钮以隐藏/显示它。因此,此属性将覆盖默认值并持久显示这些元素。

  2. 为了使右侧菜单与左侧出现在同一行上,我们需要左侧向左浮动。

  3. 默认情况下,此属性在引导程序中存在,但在平板电脑(纵向)上不存在于电话分辨率。您可以跳过这一步,这很可能不会影响您的整体导航栏。

  4. 这将使右侧菜单保持在右侧,而内部元素(

    li
    )将跟随属性2。因此,我们左侧 浮点数为左侧 ,右侧 浮点数为右侧 ,这使它们成为一行。



欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/4946376.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-11-13
下一篇2022-11-13

发表评论

登录后才能评论

评论列表(0条)

    保存