Basic rendering breaks within bootstrap

[hahla]

Steps:

• installed 0.0.5 from bower
• loaded select2 css, jquery.js, select2.js, angular.js, angular-u-select2.js (in that order. Note I double checked all were being loaded OK)

    <link rel="stylesheet" href="dist/bower_components/select2/select2.css">
    <link  href="js/angular-xeditable.css" rel="stylesheet">
    <script src="js/underscore.js"></script>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" type="text/javascript" src="js/select2.js"></script>
    <script type="text/javascript" src="js/angular.js"></script>
    <script type="text/javascript" src="js/angular-ui-select2.js"></script>

• initialized my app with ui.select2. double checked OK
• integrated html to test in my bootstrap app (below)
• got really weird layout rendered to dom. see screenshot

    <div>
     <select ui-select2 ng-model="testing" data-placeholder="Pick a number">
     <option value=""></option>
        <option value="one">First</option>
        <option value="two">Second</option>
         <option value="three">Third</option>
      </select>
    </div>

[vrodriguezTecsisa]

Same problem here :(

[ondrowan]

You need to include both select2.css and select2-bootstrap.css.

[plentz]

@ondrowan :heart:

[plentz]

@BaconSoap @ProLoser this one can be closed.