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

<div class="btn-group">ボタングループのマークアップでは、 の代わりにa を使用するように指定されていると思います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 に答える