在div中对齐导航栏

卡梅利恩博士

请看一下这个: http://83.212.101.132/betdk/home/two

  • 当用户滚动时,导航栏将转到顶部(使用affix插件)。

  • 但是,它占据了整行(“ Home”位于左侧)。

我应该怎么做才能使其:

  • 保留全角蓝色背景
  • 内容保持居中

这是与词缀相关的CSS

        .affix {
            position: fixed;

            top: 0;
            width: 100%;
            left:0;
            z-index:10;
            box-shadow: 0 0 30px black;
           -webkit-border-radius: 0 !important;
           -moz-border-radius: 0 !important;
            border-radius: 0 !important;

        }

        .affix .subcon {
            /* The wrapper around the navbar contents */
        }

有任何想法吗?


更新

Unykvis的答案确实有用

新增一项(以避免弄乱原始格式的导航栏内容)

.navbar .container {
    padding-left:0px;padding-right:47px
}
            .navbar.affix .container {
padding-left:15px;padding-right:15px;
            }
伊格纳西奥·科雷亚(Ignacio Correia)

只需.container在菜单周围添加一个div:

<div class="navbar-collapse collapse" id="navbar-main" style="padding-left:0; ">
  <div class="container">
     <ul class="nav navbar-nav">

这是您想要的,对吗?

这是您想要的,对吗?

这样做:

解决了

编辑

要解决饮食问题,我会这样做:

<div id="nav-fixed" class="container">

并通过jQuery从“容器流体”更改为“容器”,当它正常时,它必须流动,当它附着时,它必须是容器。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将导航栏中的内容与bootsrap中的位置中心对齐

来自分类Dev

导航栏标题对齐问题

来自分类Dev

Bootstrap-导航栏中的底部对齐菜单

来自分类Dev

导航栏标题视图对齐

来自分类Dev

在包含徽标的导航栏中垂直对齐文本

来自分类Dev

无法通过按钮将导航栏中的徽标对齐

来自分类Dev

在导航栏中添加左对齐的徽标

来自分类Dev

对齐导航栏

来自分类Dev

我无法在React js中对齐我的导航栏

来自分类Dev

在导航栏中并排对齐3个div

来自分类Dev

导航栏中的Flexbox:无法垂直对齐项目

来自分类Dev

我的导航栏无法正确填充屏幕的100%宽度。导航栏中的项目变为水平对齐

来自分类Dev

将导航栏中的项目与搜索栏对齐

来自分类Dev

在Bootstrap中,如何将导航栏链接右对齐?

来自分类Dev

如何修复导航栏中徽标的错误对齐?

来自分类Dev

在Flexbox导航栏中对齐项目

来自分类Dev

Wordpress网站中的徽标和导航栏对齐问题

来自分类Dev

如何对齐导航栏中的元素?

来自分类Dev

在导航栏中对齐项目

来自分类Dev

Bootstrap-导航栏中的右对齐菜单

来自分类Dev

在Bootstrap 4中更正导航栏链接的垂直对齐

来自分类Dev

div中的水平导航栏

来自分类Dev

如何在css中水平对齐导航栏?

来自分类Dev

如何在一行中对齐导航栏链接

来自分类Dev

导航中的垂直对齐搜索栏

来自分类Dev

导航栏中的 bootstrap 4 按钮对齐

来自分类Dev

Bootstrap:在导航栏中对齐导航

来自分类Dev

在 html/css 导航栏中对齐输入/按钮

来自分类Dev

href 导航栏中的 div

Related 相关文章

热门标签

归档