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

Command prompt result in label. Python 2.7 -

javascript - How do I use URL parameters to change link href on page? -

amazon web services - AWS Route53 Trying To Get Site To Resolve To www -