From: Demian Ferreiro <demian@sumavisos.com>
Date: Wed, 19 Feb 2014 19:45:28 +0000 (-0300)
Subject: Fix UAs required message position on grouped radio buttons
X-Git-Tag: v3.2.0~433^2~4^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=ca15add174fdd8507699e1ab18591ecb037b4396;p=thirdparty%2Fbootstrap.git

Fix UAs required message position on grouped radio buttons

Instead of not rendering the element at all with display:none, use opacity:0 and z-index:-1 so the radio element has a defined position on the document and user agents can show the required message in the right place.
---

diff --git a/less/button-groups.less b/less/button-groups.less
index 27eb796b89..afeb707162 100644
--- a/less/button-groups.less
+++ b/less/button-groups.less
@@ -222,5 +222,7 @@
 // Checkbox and radio options
 [data-toggle="buttons"] > .btn > input[type="radio"],
 [data-toggle="buttons"] > .btn > input[type="checkbox"] {
-  display: none;
+  opacity: 0;
+  position: absolute;
+  z-index: -1;
 }