You are correct, Bootstrap is dependent on jQuery to make actions like the drop down.
In a typical HTML page it would look something like this.
<link href="YOUR STYLES">
Switch them around would cause the same issue you were having.
In a environment like codepen.io where they imply that your working within a body tag it’s kinda hard to believe they don’t structure your scripts properly for you.