Dropdown menu class not working - HTML/Bootstrap

I have got a problem with my dropdown menu that disappeared after I added the Bootstrap library in HTML file. I guess that is causing the problem. I have tried to change the order in my libraries but it still does not work.

Botton HTML file

!-- -->

!-- Latest compiled and minified CSS -->

!-- -->

Could someone give a help, please?


Are there any errors showing in the browser’s console (Ctrl+Shft+J in Chrome)? Also, do you have a link to your project online, so we can look at all of your code?

The console does not show any errors. The link of my project is: https://github.com/maisasdc/GA_JS_project

For now, I am trying to fix only the select button “Choose time” that disappeared after adding Bootstrap library.

you see, you’ve already committed the div area to form-group so you can’t add a top level css inside another, granted you can put one inside the child of the top, but in your case, its just a little bit of cleaning it up.

 it should look like this:
<div class="container">
    <div class="form-group">
      <label for="sel1">this would be your text on the select button:</label>
      <select class="form-control" id="sel1">
1 Like