1

Twitterのブートストラップドロップダウンメニューで幅を増やすにはどうすればよいですか。オプションとしてアルコールインシデントとステータスレポートを含めるリストが必要ですが、デフォルトの幅はそれほど多くのテキストを含めるのに十分な大きさではありません。

 <li class="dropdown subnavbar-open-right">
                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"><span>Reports/Statistics</span><b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li class="dropdown-submenu"><a>USN</a>
                            <ul class="dropdown-menu">
                                <li><a>Alcohol Incidents and Status Reports</a></li>

                            </ul>
4

1 に答える 1

1

提供されたコードを見て、Twitter BootStrapのデフォルト設定を使用してテストページを作成し、ドロップダウンメニューに「アルコールインシデントとステータスレポート」というテキストを追加しました。私が見つけたのは、テキストの幅全体を含むように自動拡張されたドロップダウンメニューです。

これは、これが正しく機能するために必要なコードをいくつか省略したか、CSSクラスをオーバーライドして機能しなくなったことを意味します。コードは次のとおりです。

    <div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <a class="brand" href="#">Name</a>
      <div class="nav-collapse collapse">
        <ul class="nav">
          <li class="active"><a href="#">Home</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="#">Alcohol Incidents and Status Reports</a></li>
              <li><a href="#">Another action</a></li>
              <li><a href="#">Something else here</a></li>
              <li class="divider"></li>
              <li class="nav-header">Nav header</li>
              <li><a href="#">Separated link</a></li>
              <li><a href="#">One more separated link</a></li>
            </ul>
          </li>
        </ul>
      </div><!--/.nav-collapse -->
    </div>
  </div>
</div>

これが役に立たない場合は、他の人がデバッグを手伝ってくれるように、より多くのコードを提供することをお勧めします。JSFiddleへのリンクがありますが、現在、それらのリンクを投稿することは許可されていないようです。調べたい場合は、ここでその拡張子/ tS95X /1/を参照してください。

于 2013-03-12T18:24:43.943 に答える