質問: joomla印刷/メール機能 joomlaの標準の印刷/電子メール機能の動作を変更したかったのですが、ドロップダウンからスタンドアロンアイコンに変更したかったのです。テンプレートオーバーライドで、このコードを次のように変更しました。 <?php if ($canedit || $displaydata['params']->get('show_print_icon') || $displaydata['params']->get('show_email_icon')) : ?> <div class="btn-group pull-right"> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> <span class="icon-cog"></span> <span class="caret"></span> </a> <?php // note the actions class is deprecated. use dropdown-menu instead. ?> <ul class="dropdown-menu"> <?php if ($displaydata['params']->get('show_print_icon')) : ?> <li class="print-icon"> <?php echo jhtml::_('icon.print_popup', $displaydata['item'], $displaydata['params']); ?> </li> <?php endif; ?> <?php if ($displaydata['params']->get('show_email_icon')) : ?> <li class="email-icon"> <?php echo jhtml::_('icon.email', $displaydata['item'], $displaydata['params']); ?> </li> <?php endif; ?> <?php if ($canedit) : ?> <li class="edit-icon"> <?php echo jhtml::_('icon.edit', $displaydata['item'], $displaydata['params']); ?> </li> <?php endif; ?> </ul> </div> <?php endif; ?> に: <?php if ($canedit || $displaydata['params']->get('show_print_icon') || $displaydata['params']->get('show_email_icon')) : ?> <div class="pull-right"> <?php if ($displaydata['params']->get('show_print_icon')) : ?> <li class="print-icon"> <?php echo jhtml::_('icon.print_popup', $displaydata['item'], $displaydata['params']); ?> </li> <?php endif; ?> <?php if ($displaydata['params']->get('show_email_icon')) : ?> <li class="email-icon"> <?php echo jhtml::_('icon.email', $displaydata['item'], $displaydata['params']); ?> </li> <?php endif; ?> <?php if ($canedit) : ?> <li class="edit-icon"> <?php echo jhtml::_('icon.edit', $displaydata['item'], $displaydata['params']); ?> </li> <?php endif; ?> </ul> </div> <?php endif; ?> <?php else : ?> これにより、印刷アイコンとメールアイコンがタグから外され、縦のリストにスタンドアロンのアイコンとして表示されます。印刷/メールのアイコンを垂直ではなく水平に表示するにはどうすればよいですか?
回答: まず、ドロップダウンを削除しましたが、まだリストアイテムを使用しています。したがって、<li>タグから<div>タグ。完了したら、次のようにクラスを親要素に追加することをお勧めします。<div class="pull-right actions"> 次に、cssを使用します。.actions > div { display: inline-block; } それか、単にdropdown-menuからのクラス<ul>要素とすべての<li>要素は左にフロートされます。お役に立てれば