Bootstrap Messing up Simon Board

1

So Im trying to use bootstrap, but if I do my Simon board gets completely wonky looking as SOON as I add it, I’ve even tried older versions of bootstrap with no luck.

Here is my codepen: http://codepen.io/msmith1114/pen/aWLJpR

I originally had the “panels” as panel class and thought it might be using the bootstrap panel class but I changed that to something else and had no luck.

Any ideas? Thanks

2

Bootstrap also styles <button>'s.

3

Ah duh, is there any way to…unstyle them ha? or at least make them work how I want them to.

4

I guess the easiest solution is to use divs instead of buttons. You could also try to figure out which properties Boostrap sets and undo them.

5

Hmmm I gave that a shot too without any luck. Also unfortunately im “enabling and disabling” the buttons during the computer simons play so it makes it of course code-wise convenient if they are buttons

6

You could use a variable allow_input that you set to false when you disable the button and to true when you enable the button. In your event handler you can use something like this:

if(!allow_input){
  return false;
}