这是通过查看示例并阅读文档获得的。我希望其他熟悉BS3的人能够回答这个问题。如果您通过GetBootstrap.com上的文档和示例以正确的方式构造html,则实际上不需要执行任何先前的答案。
<div class="navbar">
<!-- if it has no bg color-->
<form class="form-inline">
<!--form wraps entire bar-->
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle Search </span> Search Icon </button>
<!--/custom text here- -->
<div class="navbar-custom-left">
<strong> <a href="?kind=recv">Received </a>
( <a title="안읽은쪽지" href="?kind=recv&unread=only"> <span class="red">197 </span> </a> / <a href="?kind=$kind">507</a> /
<a href="?kind=recv&sfl=me_file&stx=me_file">??
</a>)
</strong>
</div>
<!--end custom text-->
</div>
<!--/.navbar-header- -->
<div class="navbar-collapse collapse">
<div class="navbar-right navbar-form">
<div class="form-group" role="search">
<select name="sfl" class="form-control" id="sfl">
<option value="me_subject_memo">제목+내용 </option>
<option value="me_subject">제목 </option>
<option value="me_memo">내용 </option>
<option value="me_send_mb_nick">보낸(별명) </option>
<option value="me_send_mb_id">보낸(아이디) </option>
</select>
</div>
<!--/.form-group -->
<div class="form-group">
<input name="stx" class="form-control" required maxlength="15" value="" itemname="검색어" type="text">
</div>
<!--/.form-group -->
<button class="btn btn-primary">검색 </button>
</div>
<!--/.navbar-right navbar-form-->
</div>
<!--/.nav-collapse -->
</div>
<!--/.container -->
</form>
<!--/.form-inline navbar-form navbar-right -->
</div>
<!--/.navbar navbar-default -->
/* --------- CSS ---------- */
.navbar-custom-left {
float: left;
padding: 15px 15px;
line-height: 20px;
}
.red {color:red}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句