【问题标题】:Bootstrap DropDown menu large left marginBootstrap 下拉菜单大左边距
【发布时间】:2014-10-21 04:56:33
【问题描述】:

我正在使用: http://bootsnipp.com/snippets/featured/large-dropdown-menu

我想让菜单与每个菜单项对齐。
我不希望菜单从左侧开始:所有项目上的 0。

我已经通过经典的下拉菜单实现了这一点。

您认为没有黑客和纯引导程序和大型菜单下拉菜单是可能的吗?

告诉我,谢谢。

【问题讨论】:

    标签: css twitter-bootstrap


    【解决方案1】:

    是的,这是可能的,但在最后几项上你会遇到一些问题:

    http://jsbin.com/nehafi/

    .dropdown-menu-large {
      margin-left: 16px;
      margin-right: 16px;
      padding: 20px 0px;
      left:auto; /* added */
    }
    

    您可能想查看http://geedmo.github.io/yamm3/ - 它最多可为您提供大约 10 行的 css,以便在菜单位置上做更多的事情。

    【讨论】:

    • 哇,几乎可以工作了。最后一个菜单项有问题:cl.ly/image/040a1b0F462v 有关如何解决此问题的任何想法?
    • 是的,使用 Yamm3(见问题)并做全宽的事情,或者你可以为最后的项目添加不同的类并调整位置。
    • 链接到 Yamm3 问题?
    • 添加.col-sm-3 { min-width:100px;}解决最后一个菜单项的问题。 jsbin.com/dicemikuzi/1/edit?html,css,output
    • 是的,但是当视口改变大小时,该列会变得非常窄。除非 OP 想要纠正一些 jQuery 来检测边缘等,否则最好的办法是做一个全角,这是 Yamm3 菜单插件 css 的一个选项,它看起来也更好。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-12-04
    • 2015-11-26
    • 2016-06-26
    • 1970-01-01
    • 2015-01-28
    • 2015-11-26
    相关资源
    最近更新 更多