当前位置: 首页 > 知识库问答 >
问题:

如何在div bootstrap 4中安装下拉列表

郭辉
2023-03-14

我是Bootsrap 4的新手,我想将下拉列表放在div中。我用Bootstrap 4编写了以下代码来实现上述功能,但它不起作用:

<div class="p-2 bg-info col-md-4">
     <div class="dropdown">
         <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                Dropdown
         </button>
         <div class="dropdown-menu">
               <a class="dropdown-item" href="#">Link 1</a> <a class="dropdown-item" href="#">Link
               2</a> <a class="dropdown-item" href="#">Link 3</a>
         </div>
    </div>
</div>

共有1个答案

云曦之
2023-03-14

使用下拉菜单上的Bootstrap 4w-100实用程序类和btn块使按钮全宽。。。

<div class="p-2 bg-info col-md-4">
     <div class="dropdown">
         <button type="button" class="btn btn-primary btn-block dropdown-toggle" data-toggle="dropdown">
                Dropdown
         </button>
         <div class="dropdown-menu w-100">
               <a class="dropdown-item" href="#">Link 1</a> <a class="dropdown-item" href="#">Link
               2</a> <a class="dropdown-item" href="#">Link 3</a>
         </div>
    </div>
</div>

https://www.codeply.com/go/H1QUpWhQZD

另请参阅:
如何使下拉菜单的宽度等于它的父在引导4的宽度
如何使引导4全宽度下拉在导航栏?

 类似资料:
  • 我正在尝试为Android Studio中的一个活动创建一个下拉列表。我试过用旋转器。 下面是我的xml代码: 下面是我的Java代码: 有没有人知道我该怎么做?

  • 因此Java11已退出。有人知道如何从命令行安装它(Oracle的OpenJDK)吗?

  • Im使用VBA代码创建多个选择下拉列表。该代码将使目标单元格中的每个下拉列表变成多重选择列表,函数为: 目标单元格中下拉列表的来源是,b14是另一个下拉列表(单选)。现在,如果b14的值将变成list1,我想让目标的单元格列表变成多个选择列表。在任何其他情况下,我希望它工作在正常的excel方式。我尝试用来precaphy列表源,但是我得到了的不匹配错误。我怎么做?

  • 我明白我需要用硒,但我不知道怎么用。结果始终是单个字符串的列表。理想情况下,我希望返回两个列表:一个带有unix datestamp(option value=“1576627200”),另一个带有“normal”日期(即18/12/2019)的列表。 任何帮助都将不胜感激。

  • 以下是我的html代码: