Bootstrap 3 でメニューをカスタマイズしていますが、親に対してドロップダウン ボックスを中央に配置する方法がわかりません。
これが私がやりたいことを説明するための画像です - http://i.picpar.com/MBw.png
ここにjsbinがあります - http://jsbin.com/oCorUjA/1/
ありがとう！
編集：誰か私を助けることができますか？私は多くのことを試しましたが、進歩はありませんでした。
質問する
1022 次
2 に答える
0
問題は、ドロップダウン メニュー (カーソルを合わせると切り替わるメニュー) の最小幅を 160px に設定していることです。これらは float:left に設定され、常に 160 ピクセルの幅になりますが、上記のナビゲーション バーの幅は、入力した単語 (サーバー、マネージド サービスなど) の長さに基づいています。(.dropdown-menu) css の位置を絶対ではなく相対に変更することで、これを修正できます。これにより、(.navbar-nav li a) も最小幅 160px に設定しない限り、項目にカーソルを合わせるとナビゲーション バーが跳ね返ります。要素を調べたり、css を一時的に変更して違いを確認したり、モバイルの応答性を確認したりできるように、ブラウザーとして Firefox を使用することをお勧めします。幸運を祈ります
于 2016-11-12T06:33:01.820 に答える