I'm using the basic Twitter Bootstrap .less files as the base styling of a ASP.NET MVC4 website. I've added a ReCaptcha to a registration page, using the Microsoft.Web.Helpers.ReCaptcha class. Simplified example:
<head>
<link rel="stylesheet/less" href="@Url.Content("~/scripts/less/style.less")" />
</head>
@ReCaptcha.GetHtml()
The result looks like this:
If I go in with the Chrome dev tools or firebug and remove the twitter bootstrap less, I get the expected ReCaptcha:
Of course, this nukes all the other styling of the site, which is not desirable. Has anyone else experienced this, and are there any solutions, short of manually changing the bootstrap classes to add exceptions for the ReCaptcha classes?