Dropdown menu class not working - HTML/Bootstrap

Dropdown menu class not working - HTML/Bootstrap
0.0 0

#1

Hi,
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

!-- -->

TOP HTML file
!-- Latest compiled and minified CSS -->


!-- -->

Could someone give a help, please?

Thanks,


#2

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?


#3

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.


#4

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">
  <form>
    <div class="form-group">
      <label for="sel1">this would be your text on the select button:</label>
      <select class="form-control" id="sel1">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
      </select>
     
    </div>
  </form>
</div>