I received the following output on my browser and I am uncertain as to why.
https://i.sstatic.net/HrSY1.png The HTML code snippet is shown below:
<body>
<select id="selectpicker">
<option>Mustard</option>
<option>Ketchup</option>
<option>Barbecue</option>
</select>
</body>
Here is the TypeScript code:
import 'bootstrap/dist/css/bootstrap.css'
import $ from 'jquery';
import 'bootstrap'
import 'bootstrap-select';
$(function () {
$('#selectpicker').selectpicker();
});
How can I resolve this issue?
UPDATE: ISSUE RESOLVED!! I discovered that in addition to
import 'bootstrap-select/dist/css/bootstrap-select.css'