bootstrap-4 - Bootstrap 4 - 如何设置导航栏项目的宽度(选择框)
问题描述
我想向导航栏添加一个下拉列表,但不知道如何使其更宽。这是我实际拥有的:
<nav class="navbar navbar-expand-lg navbar navbar-dark bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<a class="navbar-brand" href="#">Hidden brand</a>
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
</li>
</ul>
<nav class="navbar-nav mx-auto">
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
<option value="looooong">VeeeeeeeryLooooongVeeehicle</option>
</select>
</nav>
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu ml-auto" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#">Action-1</a>
<a class="dropdown-item" href="#">Action-2</a>
<a class="dropdown-item" href="#">Action-3</a>
</div>
</li>
</ul>
</div>
</nav>
有任何想法吗 ?谢谢你。
解决方案
推荐阅读
- swift - 如何仅在 for 循环在 Swift 中完成执行后才返回某些内容?
- python - TypeError: show_toast() 在尝试发出 Windows 10 吐司通知时收到了意外的关键字参数“callback_on_click”
- keyboard-shortcuts - Windows 终端通过自定义键绑定粘贴预定义文本
- python-3.x - 为什么 VSCode 显示不存在的“问题”?
- c++ - 将 AActor 引用传递给嵌套对象
- javascript - 我的代码中存在异步的 Javascript 问题
- sparql - 本地 Wikidata 实例包含数据但不返回结果
- sql - Django ORM 与 PostgreSQL 原始 sql
- c# - 我在我的解释器中发现了一个错误,如果输入有新行,它会终止程序。如何让程序忽略这些输入?
- cassandra - java.lang.ClassCastException:java.util.ArrayList 不能使用 cassandra 转换为 java.util.UUID 异常?