我正在尝试学习ASP.NET Blazor中的新功能。我正在使用Visual Studio2019。我正在尝试创建“想法注册”表单。因此,我从Bootstrap 4中获取了dropdownlist的代码。它未按预期工作。您能告诉我我在哪里做错吗?
在这里有点不知所措,任何建议将不胜感激。
给出代码:
<!-- Card Body -->
<div class="card-body">
<!-- <form -->
<form>
<div class="form-group">
<label for="exampleFormControlInput1">Title</label>
<input type="email" class="form-control" id="exampleFormControlInput1">
</div>
<div class="form-group">
<label for="exampleFormControlSelect1">Description</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="4"></textarea>
</div>
<!-- Basic dropdown -->
<div class="form-group">
<button class="btn btn-primary dropdown-toggle mr-4" type="button" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Basic dropdown
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">.Net</a>
<a class="dropdown-item" href="#">Python</a>
<a class="dropdown-item" href="#">Data Science</a>
<div class="dropdown-divider"></div>
</div>
</div>
<!-- Basic dropdown -->
我在哪里工作不正确
根据官方文档] [https://getbootstrap.com/docs/4.0/components/dropdowns/#data-toggledropdown-still-required):
无论您是通过JavaScript调用下拉菜单还是使用data-api,始终需要在下拉菜单的触发元素上显示data-toggle =“ dropdown”。
我建议您将基本下拉列表包装在以下结构中