ブートストラップのドロップダウン幅を240px未満に設定

Question

私はngx-boostrap (AngularJS for Bootstrap)をドロップダウンに使用しています。

私はmax-widthを持っていますが、私のドロップダウンには120pxと言うことができますが、240pxより小さくなることはありません。その背後にある

が何らかの理由でこの写真は、設計

で、この写真は私が

HTMLを構築していますものです、JSコードはとまったくとしてあるさ何がngx-bootstrapに置かれているのですか。 CSSの場合、私はmax-width=120pxをドロップダウンメニュー内のすべてに貼り付けています。それ自体を小さくすることはできません。

どのような対策がありますか？

Answer 1

あなたは正しい軌道に乗っています！あなたが.dropdown-menuを調べる場合は、それが次の値がある表示されます：あなたのmax-widthはナッシングが起きようものより小さいので

min-width: 160px

を。 min-widthはより大きく、勝つつもりです。最も簡単な解決策は、あなたのオーバーライドで、その値をリセットすることになるだろう：

.dropdown-menu { 
    min-width: 0px; 
    max-width: 120px; 
} 

ただ、この幅を超える.dropdown-menuの内側任意の内容がコンテナボックスの外に流出することに注意してください。