ui-select2
ui-select2 copied to clipboard
Basic rendering breaks within bootstrap
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>
Same problem here :(
You need to include both select2.css
and select2-bootstrap.css
.
@ondrowan :heart:
@BaconSoap @ProLoser this one can be closed.