javascript - Bootstrap select drop down not expanding -

i'm using js plugin called "bootstrap select" when use it, drop down comes down, 5px high.

how drop down normally?

$('.selectpicker').selectpicker();

<!-- stylesheets -->  <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">  <link rel="stylesheet" type="text/css" href="css/main.css">    <!-- javascript -->  <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>  <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>  <script type="text/javascript" src="http://silviomoreto.github.io/bootstrap-select/bootstrap-select.min.js"></script>    <select class="selectpicker">    <option>1st degree</option>    <option>2nd degree</option>  </select>

codepen:

http://codepen.io/anon/pen/wqorjb

edit: i've come realize bootstrap things aren't working.

i can't tabs, pills, or accordions working either. overall, bootstrap working on site. don't it.

the problem you're not including plugin's css:

<link rel="stylesheet" href="http://silviomoreto.github.io/bootstrap-select/bootstrap-select.min.css"> 

look @ your codepen updated.