如何将Bootstrap下拉菜单与触发按钮对齐

紫色佛蒙特州

如果我想在同一行的下拉按钮之前放置文本,我如何才能使下拉菜单正确对齐?使用此html,它与div的左边缘对齐(即单词“ Choose”)。但是,如果将跨度放在下拉div之外,则div会开始新的一行。

<div class="dropdown">
    <span>Choose: </span>
    <button class="btn btn-default dropdown-toggle" type="button" id="choice-dropdown" data-toggle="dropdown">Choice 
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" aria-labelledby="choice-dropdown" id="choice-dropdown-list">
        <li><a href="#">a</a></li>
        <li><a href="#">b</a></li>
        <li><a href="#">c</a></li>
    </ul>
</div>
雷切尔(Rachel S)

将其添加到下拉div中,然后将跨度移到外部:

<span>Choose: </span><div class="dropdown" style="display:inline-block;">

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将按钮变成下拉菜单?

来自分类Dev

如何对齐下拉菜单?

来自分类Dev

如何将Bootstrap下拉样式应用于MVC剃刀中的下拉菜单

来自分类Dev

如何左对齐bootstrap 3下拉菜单?

来自分类Dev

如何正确对齐Bootstrap下拉菜单的中心?

来自分类Dev

如何正确对齐/调整Bootstrap下拉菜单项?

来自分类Dev

如何使下拉菜单的宽度与触发按钮的宽度相同

来自分类Dev

Bootstrap的下拉菜单中的下拉按钮

来自分类Dev

如何将按钮的下拉菜单扩展到左侧?

来自分类Dev

Bootstrap:下拉菜单与按钮下拉菜单

来自分类Dev

bootstrap下拉菜单左对齐

来自分类Dev

如何将wp_nav_menu()WordPress与Bootstrap下拉菜单布局集成

来自分类Dev

如何将 Bootstrap 的下拉菜单定位到浮动右侧切换元素的右侧?

来自分类Dev

使用JS触发Bootstrap下拉菜单

来自分类Dev

如何将下拉菜单更改为下拉菜单

来自分类Dev

如何将下拉菜单更改为下拉菜单

来自分类Dev

在ASP按钮和Bootstrap下拉菜单中未设置按钮对齐方式

来自分类Dev

如何将导航链接移到下拉菜单中

来自分类Dev

如何将导航集中在下拉菜单上?

来自分类Dev

如何将下拉菜单项居中?

来自分类Dev

将单选按钮与下拉菜单组合

来自分类Dev

尽管有父容器,但将下拉菜单与按钮的绝对右侧对齐

来自分类Dev

如何将表格(两个下拉菜单和一个按钮)放在一行的中心

来自分类Dev

Bootstrap下拉菜单:如何在悬停时触发,但仅在已打开时触发

来自分类Dev

如何在320 x 480的Bootstrap导航栏中使右对齐的下拉菜单起作用?

来自分类Dev

如何扩展按钮的悬停区域,以便仍然触发下拉菜单?

来自分类Dev

仅在选择不同下拉菜单中的多个选项时,如何触发按钮

来自分类Dev

如何放置Bootstrap 3的下拉菜单

来自分类Dev

如何使div进入Bootstrap下拉菜单

Related 相关文章

  1. 1

    如何将按钮变成下拉菜单?

  2. 2

    如何对齐下拉菜单?

  3. 3

    如何将Bootstrap下拉样式应用于MVC剃刀中的下拉菜单

  4. 4

    如何左对齐bootstrap 3下拉菜单?

  5. 5

    如何正确对齐Bootstrap下拉菜单的中心?

  6. 6

    如何正确对齐/调整Bootstrap下拉菜单项?

  7. 7

    如何使下拉菜单的宽度与触发按钮的宽度相同

  8. 8

    Bootstrap的下拉菜单中的下拉按钮

  9. 9

    如何将按钮的下拉菜单扩展到左侧?

  10. 10

    Bootstrap:下拉菜单与按钮下拉菜单

  11. 11

    bootstrap下拉菜单左对齐

  12. 12

    如何将wp_nav_menu()WordPress与Bootstrap下拉菜单布局集成

  13. 13

    如何将 Bootstrap 的下拉菜单定位到浮动右侧切换元素的右侧?

  14. 14

    使用JS触发Bootstrap下拉菜单

  15. 15

    如何将下拉菜单更改为下拉菜单

  16. 16

    如何将下拉菜单更改为下拉菜单

  17. 17

    在ASP按钮和Bootstrap下拉菜单中未设置按钮对齐方式

  18. 18

    如何将导航链接移到下拉菜单中

  19. 19

    如何将导航集中在下拉菜单上?

  20. 20

    如何将下拉菜单项居中?

  21. 21

    将单选按钮与下拉菜单组合

  22. 22

    尽管有父容器,但将下拉菜单与按钮的绝对右侧对齐

  23. 23

    如何将表格(两个下拉菜单和一个按钮)放在一行的中心

  24. 24

    Bootstrap下拉菜单:如何在悬停时触发,但仅在已打开时触发

  25. 25

    如何在320 x 480的Bootstrap导航栏中使右对齐的下拉菜单起作用?

  26. 26

    如何扩展按钮的悬停区域,以便仍然触发下拉菜单?

  27. 27

    仅在选择不同下拉菜单中的多个选项时,如何触发按钮

  28. 28

    如何放置Bootstrap 3的下拉菜单

  29. 29

    如何使div进入Bootstrap下拉菜单

热门标签

归档