所以引导主题位于此处:http://www.bootply.com/render/129806 这是一个非常好的例子。现在,请记住,我确实知道HTML和CSS,我对此示例(和引导程序)感到有些不知所措,并将在未来的帮助下向前付款。
但有人可以解释一下:
答案 0 :(得分:0)
好的,这可以帮助您在这里开始使用这个小提琴http://jsfiddle.net/rpdgqnkc/
<div class="col-lg-4 col-md-5 col-sm-3">
<form class="navbar-form" id="theSearchForm" name="theSearchForm" role="search" method="get" action="yoursearchfilescriptgoeshere">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search">
<div class="input-group-btn">
<a class="btn btn-default" href="javascript:document.theSearchForm.submit();"><i class="glyphicon glyphicon-search"></i></a>
</div>
</div>
</form>
</div>
请注意使用method =“get”的表单标记,您可以在操作中放置任何搜索脚本,然后使用按钮上的href进行提交。您需要自己的搜索脚本,或者如果您使用谷歌进行网站搜索,则可以在此处复制代码https://support.google.com/customsearch/answer/1737334?hl=en
将搜索表单包装在div中,并使用col-lg,col-md和col-sm控制大小调整。您必须使用导航器上的媒体查询调整字体大小,填充等,以使其不会在某些宽度上中断,具体取决于您尝试在导航栏中放置的导航元素数量。
请向右边的下拉菜单示例。
祝其余的好运