How to put 2 drop down menu and a search bar nect to each other using the CSS bootstrap -

-

i using css bootstrap 3.2 in application.

i trying place 2 drop down menu "with arrow only- not button style" next each other , right want add search bar.

i want use the dropdown menu bootstrap has without button style "arrow only" , small search bar right in vertical center.

i have tried dropdown menus , search bar not line up.

here screenshot of have done enter image description here

and here code

    <ul class="nav nav-pills">         <li class="dropdown">         <a class="dropdown-toggle menu-sm-padding" data-toggle="dropdown" href="#">           name <span class="caret"></span>         </a>         <ul class="dropdown-menu" role="menu">          <li><a href="/user_profile.php">my profile</a></li>         <li role="presentation" class="divider"></li>         <li><a href="/index.php?action=logout">logout</a></li>               </ul>       </li>           <li class="dropdown">         <a class="dropdown-toggle menu-sm-padding" data-toggle="dropdown" href="#">           company name <span class="caret"></span>         </a>         <ul class="dropdown-menu" role="menu"><li><a class="master_client_change" href="#" id="current_client_id_2">comp 1</a></li><li><a class="master_client_change" href="#" id="current_client_id_1">comp 2</a></li><li><a class="master_client_change" href="#" id="current_client_id_3">comp 3</a></li><li><a class="master_client_change" href="#" id="current_client_id_6">comp 4</a></li></ul>       </li>      </ul>  <div class="width-sm-size box-inline-block"> <form action="/accounts_search.php" method="get" id="searchforactivities" class="navbar-form navbar-right row-right-xxsm-margin" role="search">      <div class="input-group">         <input type="search" class="form-control" name="search_term">         <span class="input-group-btn">         <button class="btn btn-default" type="submit">go</button>         </span>     </div> </form> </div>

how can dropdown menu , search bar line up? , there trick in making search bar little fancy making the corners of input round , go button search icon?


Comments

Post a Comment

Popular posts from this blog

javascript - how to protect a flash video from refresh？ -

-
<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>flash video refresh</title> </head> <body> <div id="playerzone"><embed height="496" width="580" flashvars="flvid=19742822&amp;createtime=2012-4-19 13:46:33" wmode="opaque" allowscriptaccess="always" allowfullscreen="true" quality="high" bgcolor="#000000" name="player" id="player" src="swf/mine.swf" type="application/x-shockwave-flash"></div> <a onclick="return test();" id="test">click me popup div,and hide scrollbar</a> </body> the code upon： for example,when click a#test button,popup div,it's no problem,but want hide scrollbar while div popup. i used $('html').css('overflow','hidden') in...
Read more

visual studio 2010 - Connect to informix database windows form application -

-
i trying figure out how connect ibm informix database. have been doing research , have found threads 5 years ago examples not working. i have installed latest sdk ibm informix. i have included ibm.data.informix.dll references in project. i have included using ibm.data.informix; i adding button , on click testing conenction. debug error "sql0035n file "c:\users\adam\documents\visual studio 2010\projects\test\test\msg\en_us\db2nmp.xml" cannot opened." this file not exist , dont see anywhere in program files (x86)\ibm informix client sdk directory. my on click code is private void button1_click(object sender, eventargs e) { const string host = "192.168.obfuscated"; const string servicenum = "1525"; //port? const string server = "serverobfuscated"; const string database = "dbobfuscatedy"; const string user = "myusername"; const string password = ...
Read more

android - Associate same looper with different threads -

-
Image
in application, want create multiple threads working on single queue. create queue know need call looper.prepare() . i want other threads create should associated looper created first thread, how can achieve this? use 1 of java thread safe queue class java.util.concurrent package instead of looper achieve goal. it's more common practice. share queue between threads , post task queue entry 1 thread can entry thread. blockingqueue can - in 1 thread call take() , block thread until thread put() entry queue. that's all. producer consumer pattern example blockingqueue or concurrentlinkedqueue about blockingqueue
Read more