Question

我无法想象我的生活。当你......

go here

并点击顶部栏中的'Accordian'，下拉菜单的宽度是从哪里来的？从检查员那里，我得到的只是一个计算值，我不知道它来自哪里。这个宽度可能来自JavaScript吗？它似乎不受儿童元素的控制。

干杯，

Answer 1

来自bootstrap？它是一个响应式模板，因此宽度取决于您的屏幕;）

去检查bootstrap的文档：HERE

我认为某处有最小宽度和最大宽度......

Answer 2

从这里开始：

 .yamm .dropdown.yamm-fullwidth .dropdown-menu {
   width: 100%;
   left: 0;
   right: 0;
 }
 @media (max-width: 969px) {
   .yamm .dropdown.yamm-fullwidth .dropdown-menu {
     width: auto;
   }
   .yamm .yamm-content {
     padding-left: 0;
          padding-right: 0;
   }
   .yamm .dropdown-menu > li > ul {
     display: block;
   }
 }

this custom档。

Answer 3

从这里看起来

.dropdown-menu {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
}

使用firebug并添加新行进行测试，如

width:100px

或任何数量，你会发现宽度缩小。

Answer 4

根据Bootstrap默认值使用流体宽度。

默认情况下，所有.row-fluid都会继承100％的宽度（相当于span12）。

accordion类被分配了一个span6，因此这将是下拉菜单的50％（减去填充/边距），因此这会在下拉列表中创建两列，并在下拉列表中创建左侧列下拉菜单确保megamenu下拉菜单仅在父菜单项旁边的下方开始。

这个超级菜单下拉列表从哪里获得宽度？

4 个答案: