0

我正在使用 Twitter Bootstrap 创建按钮下拉菜单，但内部菜单按钮似乎并没有在其下方对齐。下拉菜单位于页面的中心，菜单出现在页面的最左侧。

我曾尝试使用 LEFT、PADDING、MARGIN-LEFT 属性，但没有成功。

代码：

<span class="btn-group">
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Export
    <span class="caret"></span>
    </a>

    <ul class="dropdown-menu" style=" margin-left:498;" >
        <!-- dropdown menu links -->
        <li>
          <asp:LinkButton ID="LinkButton2" runat="server" onclick="btnExportExcel_Click">Excel</asp:LinkButton>
        </li>

         <li>
            <asp:LinkButton ID="LinkButton1" runat="server" onclick="btnExportCSV_Click">CSV</asp:LinkButton>
        </li>
    </ul>
</span>
4

3 回答 3

1

我认为按钮组的标记指定使用 a<div class="btn-group">而不是span. 在那里尝试 div

于 2013-04-26T09:54:50.250 回答
1

你甚至可以试试这个...

<div class="dropdown">
  <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown trigger</a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
     <!-- dropdown menu links -->
    <li>
      <asp:LinkButton ID="LinkButton2" runat="server" onclick="btnExportExcel_Click">Excel</asp:LinkButton>
    </li>

     <li>
        <asp:LinkButton ID="LinkButton1" runat="server" onclick="btnExportCSV_Click">CSV</asp:LinkButton>
    </li>...
  </ul>
</div>

bootstrap-dropdown.js如果您没有使用完整的 bootstrap.js 编译，则需要添加。

于 2013-04-26T09:59:24.883 回答
0

尝试pull-left像这样 包含在课程中class='dropdown-menu pull-left'

于 2013-04-26T09:52:46.713 回答