导航下拉菜单跳转到新行

Question

使用Bootstrap 4和dropdown-toggle:after列出兄弟姐妹作为wordpress菜单。不能让胡萝卜与小屏幕上的文本保持在同一行。

代码示例：

<a class="dropdown-toggle article-toggle" data-toggle="dropdown" href="#">
  <?php the_title( '<h1 class="entry-title d-inline-block">', '</h1>' ); ?> 
</a>
<ul class="dropdown-menu dropdown-articles sibling-dropdown">
    <?php echo $children; ?>
</ul>

Answer 1

将此CSS属性添加到drop-toggle类中对我有帮助：

.dropdown-toggle {
   white-space: nowrap;
}