bootstrap搜索框自动适应缩放比例

来源:-

慕移动8670831

2015-11-26 15:27

<nav class="navbar navbar-default" role="navigation">
   <div class="navbar-header">
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
           <span class="sr-only"></span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
       </button>
   </div>
   <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
       <ul class="nav navbar-nav">
           <li class="dropdown">
               <a href="Area.html">成都市 <b class="glyphicon glyphicon-menu-down"></b></a>
           </li>
       </ul>
       <form class="navbar-form navbar-left" role="search-box">
           <input type="text" class="form-control"  onclick="javascript:window.location.href='Search.html';"  placeholder="职位搜索">
       </form>
       <ul class="nav navbar-nav navbar-right">
           <li class="dropdown">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown">筛选<b class="glyphicon glyphicon-list"></b></a>
           </li>
       </ul>
       <div class="clearfix"></div>
   </div>
</nav>

写回答 关注

1回答

  • echo_kinchao
    2015-11-28 16:46:27

    用百分比 或者媒体查询试试

基于bootstrap的网页开发

Bootstrap框架的基础教程,学会用Bootstrap前端框架搭建网页

187665 学习 · 734 问题

查看课程

相似问题