1

初心者の質問のようなものだと思いますが、それでも:

私は Bootstrap 分割ボタンを実装しており、その例から作業しています:

<div class="btn-group">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Action
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
  </ul>
</div>

私のコードでは、ドロップダウン リンクは正常に機能しています。私の質問は、ボタンの主要部分、つまり「アクション」テキストで構成される部分にアクションを割り当てる方法です。<a>現在、「アクション」を「ドロップダウン メニュー リンク」セクションで使用しているのと同じ種類のタグに置き換えています。一部の css で簡単に処理できる一部の色およびテキスト装飾スタイルを除いて、これは正常に機能します。Bootstrap doc サイト (少なくとも私が見つけたもの) で明示的にカバーされていないため、これが適切な方法であることを確認しようとしています。

とにかく:これは正しいことですか?

4

2 に答える 2

3

私はこのようなことをします(とにかく、これはあなたが説明したことだと思います):

<div class="btn-group">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    <a href="someaction">Action</a>
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
  </ul>
</div>

JavaScript がなければ、これよりもはるかに優れたものになることはありません。

于 2012-10-19T17:58:39.843 に答える
0

あなたと同じ問題を探していると、あなた (と私) が必要としているものを見つけました。このソリューションが述べているように、ボタンの代わりにリンクを使用してボタンとしてスタイルすることができます。リンクは、リンクのテキストだけでなく、完全なボタンになります。

<div class="btn-group">
  <a href="#" class="btn">Action</a>

  <button class="btn dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
  </button>

  <ul class="dropdown-menu">
    <li>Test</li>
    <li>Test 2</li>
  </ul>
</div>
于 2015-04-07T16:10:51.920 に答える