需求使用引导输入组组件在导航栏中创建搜索输入字段。创建一个表单并对齐导航栏的右侧,表单标记应该包含属于Bootstrap类的输入组。b.属于表单控件的输入字段应该有占位符“Search”。c.创建一个span标记,对输入搜索字段的输入字段按钮进行分组。d.创建一个Bootstrap默认按钮,在其上显示glyphicon-search图标。此按钮应该是属于引导输入组按钮的span的子级。
我的代码如下:
<form class="navbar-form navbar-right">
<div class="input-group">
<input class="form-control" type="text" placeholder="Search">
<span class="input-group-btn">
<button class="btn btn-default">
<i class="glyphicon glyphicon-search"></i>
</button>
</span>
</div>
</form>
运行代码时,我会遇到以下错误:
你能帮我一下吗??多谢了。
天哪,你还在用BS3。现在已经是BS5了。我想这可能是你的任务。您的老师可能需要更新教材:)
您的问题的完整解决方案在这里https://www.w3schools.com/bootstrap/bootstrap_navbar.asp向下滚动到navbar中的搜索表单部分以获得完整的代码。
如果我的答案有帮助,请将其作为最终答案打勾并投上一票,这样其他有同样问题的人也会得到帮助。干杯