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
Post a Comment