JSFiddle - React, Tailwind, and code Playground

by Salvador Dali

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse"> <span class="sr-only">Toggle</span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>

            </button> <a class="navbar-brand" href="#">Brand</a>
 <span class="navbar-form navbar-left">

<select class="form-control">
   <option>1</option>
   <option>2</option>
</select>

<span>
    <i class="glyphicon glyphicon-search" id="s"><span>3</span></i>
</span>
            </span>
        </div>
    </div>
</nav>

CSS

#s {
    font-size: 30px;
    cursor: pointer;
    margin: 0 0 0 30px;
}

#s > span{
    color: red;
    font-size: 20px;
    margin-left: -5px;
}
.navbar-default select {
    margin-top: -20px;
}