css - drop-down list is hidden -


html code using bootstrap:

    <div class="col-md-2">     <div class="form-group">          <label id="lbl_dataset">select number</label>          <select class="selectpicker">            <option>1</option>            <option>2</option>            <option>3</option>            <option>4</option>            <option selected="selected">5</option>            <option>6</option>          </select>        </div>        </div> 

the issue here drop-down hidden, , becomes visible after refreshing page more once.

while debugging, found drop-down disappeared because of css code

select.bs-select-hidden, select.selectpicker { display: none !important; }

tried many times override bootstrap css didn't work.

any idea on how override bootstrap css ?

if not using bootstrap through cdn: in chrome dev tools, inspect picker, find display:none line. right of codeline says file located in. , information can remove line manually instead of overwriting it.


Comments

Popular posts from this blog

Retrieving ETA (estimated time of arrival) with Google Distance Matrix API and public transit as transport mode -

android - ConstraintLayout: Realign baseline constraint in case if dependent view visibility was set to GONE -

c# - Populating Gridview inside Listview ItemTemplate On Web User Control from Code Behind -