Adding .hide() to input no longer works

[rattrick1]

In 2.0.3, the following would hide an input:

<input name="txtAppAddressYears" type="text" id="txtAppAddressYears" class="hide">

(I know, this should be a hidden input, but there is a good reason why it can't be)

In 2.0.4, this no longer works and from what I can tell, it appears to be that if I remove the:

display: inline-block;

That it works properly. Any thoughts?

[mschettler]

try class="hidden"

[rattrick1]

There doesn't appear to be a .hidden in the css for bootstrap. I tried it anyway in case I was crazy and it didn't work.

[mschettler]

.hidden {
display: none;
visibility: hidden;
}

line 43 of Bootstrap Responsive v2.0.4

You can also see it on line 6 of the .less

https://github.com/twitter/bootstrap/blob/master/less/responsive-utilities.less

[mdo]

It's likely a specificity problem. We'll add !important in 2.1.0-wip to those utility classes to ensure they work all the time, as intended (similar to our responsive utility classes).

[rattrick1]

@mschettler That's in the responsive css which I am not using but thank you for your help.

@markdotto Thank you for your response. Looking at the change log, I see that it's likely the refactoring of the selectors for the inputs that caused this issue in 2.0.4. For now, I will just stay on 2.0.3 instead as I tried adding my own .hide class with !important and all sorts of problems came up!

Thanks again for your help.