can i use grid everywhere i want? :      <ul class="list-inline col-md-8 col-md-offset-4">
                <li class="col-md-3"> 
                    <select class="form-control">
                          <option> Voice over category </option>
                          <option>2</option>
                          <option>3</option>
                          <option>4</option>
                          <option>5</option>
                        </select>
                </li>
                
                <li class="col-md-3"> 
                 <div class="input-group">
                   <input type="text" class="form-control" placeholder="zip">
                    <span class="input-group-btn">
                        <button type="button" class="btn btn-primary"> Find Coaches </button>
                    </span>
                 </div>
                </li>
            </ul>


can i use grid system like this? i was trying to make those list time side by side but one element goes down.margin wont't work but only position: relatives works but it does not make it responsive. So i used grid system. Is it bad practice?