Issue 1:
This one.

To reproduce it, change the width of your browser so you get the mobile/ipad dropdown menu. Click it, and then expand the window again so you get the standard bar. Now try to click either of the normal dropdowns, and it won't show at all.

Not sure how common it is for users to do this, but the issue is definitely there.

Issue 2:
I had a play with .btn:hover combining the CSS3 Properties in mixins.less. I modified the button hover to add some wonky transforms to see what it would do. If I used one of the CSS3 properties the btn:hover displayed correctly, but the output css was really verbose/duplicated (see below). Adding two (say .skew & .rotate) is where things got real... and by real I mean display only one of the transformative mixins and mangle the btn:hover css element.

Also, the bootstrap.css -> btn:hover element contains lots of duplication as you can see below, and I am not sure what is going on there. I used less.app, crunch app and the regular less.js file to compile had the same output each time. Hopefully, I'm wrong and this is just my stupid error... but if not, I'd like at least 3 million dollars and a shot at the title.

button.less:

// Hover state

.btn:hover {

color: @grayDark;

text-decoration: none;

background-color: darken(@white, 10%);

background-position: 0 -15px;

// transition is only when going to hover, otherwise the background

// behind the gradient (there for IE<=9 fallback) gets mismatched

.transition(background-position .1s linear);

.skew(-25deg);

.rotate(9deg);

// Also defined @Degrees in the variables.less (same output, same problem)

}

The complied bootstrap.css for btn:hover looks like this:

.btn:hover {

color: #333333;

text-decoration: none;

background-color: #e6e6e6;

background-position: 0 -15px;

-webkit-transition: background-position 0.1s linear;

-moz-transition: background-position 0.1s linear;

-ms-transition: background-position 0.1s linear;

-o-transition: background-position 0.1s linear;

transition: background-position 0.1s linear;

-webkit-transition: background-position 0.1s linear;

-moz-transition: background-position 0.1s linear;

-ms-transition: background-position 0.1s linear;

-o-transition: background-position 0.1s linear;

transition: background-position 0.1s linear;

-webkit-transform: translate(-25deg, 0);

-moz-transform: translate(-25deg, 0);

-ms-transform: translate(-25deg, 0);

-o-transform: translate(-25deg, 0);

transform: translate(-25deg, 0);

-webkit-transform: skew(-25deg, 0);

-moz-transform: skew(-25deg, 0);

-ms-transform: skew(-25deg, 0);

-o-transform: skew(-25deg, 0);

transform: skew(-25deg, 0);

-webkit-transform: translate(-25deg, 0);

-moz-transform: translate(-25deg, 0);

-ms-transform: translate(-25deg, 0);

-o-transform: translate(-25deg, 0);

transform: translate(-25deg, 0);

-webkit-transform: skew(-25deg, 0);

-moz-transform: skew(-25deg, 0);

-ms-transform: skew(-25deg, 0);

-o-transform: skew(-25deg, 0);

transform: skew(-25deg, 0);

-webkit-transform: rotate(9deg);

-moz-transform: rotate(9deg);

-ms-transform: rotate(9deg);

-o-transform: rotate(9deg);

transform: rotate(9deg);

-webkit-transform: rotate(9deg);

-moz-transform: rotate(9deg);

-ms-transform: rotate(9deg);

-o-transform: rotate(9deg);

transform: rotate(9deg);

}