Put a fingerprint switch in bootstrap

Question

Can I enable radio buttons with a manual image for fingerprinting in Bootstrap? Is it possible to have precise positioning for the switches to fit only the upper finger, and it remains the same for popular browsers ( IE, Firefox and Chrome)? Really, I want something like this:

Answer 1

To do this, you can use the element absolute positioning technique (radio button) inside the parent element (image container).

/* 
  Set container position to relative
  Note: This will not affect parent current position
*/

.image-container {
   position: relative;
}

/* 
   Now all children with position: absolute 
   would be position within their parent 
*/

input[type="radio"] {
  position: absolute;
  top: 50%;
  left: 40%;
}

, , DEMO, . , .