2016-10-11 2 views
-1

私はMVCプロジェクトでブートストラップ3を使用しています。私の_Layoutページでは、例のようなことをするためにbuttongroupを使用しています。ブートストラップでButtongroup Dropdowntoggle-Buttonsを修正するにはどうすればよいですか?

例:

<div class="btn-group"> 
    <button type="button" class="btn btn-primary">MyButton</button> 
    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> 
    <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu" role="menu"> 
    <li><a href="#">Hello</a></li> 
    <li><a href="#">World</a></li> 
    </ul> 
</div> 

(Surce:http://www.w3schools.com/bootstrap/bootstrap_button_groups.asp):

Screenshot of the Buttongroup

私はこれをどのように修正することができます

問題は、ボタンは次のようになりますか?

編集:私はCDNにそれを投げ、それは大丈夫だった

+0

'aria-haspopup =" true "aria-expanded =" false "'という属性を 'dropdown-toggle'-ブートストラップのドキュメントで言うようにボタン? – Muli

+0

@MuliそれはCSSの問題だから違いはありません – Yannik

+0

その後、洞察のためにCSSクラスを提供する必要があります。ブラウザの要素インスペクタを使用する場合、ボタングループのスタイルに関して何が言いますか?ブートストラップを完全に取り込みたくない場合は、独自のCSSファイルにいくつかのBootstrap-CSS Linesを適用するか、表示されないようにしてください。 – Muli

答えて

0

をCDNを使用したり、カスタムブートストラップCSS-ファイルをダウンロードせずにソリューションを必要としています。つまり、あなたのCSSです。 .dropdown-toggleのパディングや高さを調整しようとします

+0

私の.less-fileに修正クラスを書きました。それは最善の方法ではありませんが、たわごとが起こる;) – Yannik

+0

私は質問を開いて、多分誰かが«ソリューション»フォームyの問題を見つける。 – Yannik

関連する問題