On the example of this page :

In full-screen mode, labels are placed, and if you start resizing the window - no longer .

Trouble in Chrome and Firefox, in Edge stops working with a much smaller window size, the Checkbox also does not put a label.

What could be the problem? In Bootstrap, everything is standard on tags:

 .radio + .radio, .checkbox + .checkbox { margin-top: 10px; } 
 <div class="row" style="margin-left:1px"> <div class="radio col-xs-4"><label><input type="radio" name="optradio" value="Rack Unit, 1RU 300W, Price 45 &euro;">300W</label></div> <div class="radio col-xs-4"><label><input type="radio" name="optradio" value="Rack Unit, 2RU 500W, Price 65 &euro;">500W</label></div> <div class="radio col-xs-4"><label><input type="radio" name="optradio" value="Rack Unit, 3RU 750W, Price 95 &euro;">750W</label></div> <div class="radio col-xs-4"><label><input type="radio" name="optradio" value="Rack Unit, 4RU 1kW, Price 125 &euro;">1kW</label></div> <div class="radio col-xs-4"><label><input type="radio" name="optradio" value="Rack Unit, 5RU 1,25kW, Price 155 &euro;">1,25kW</label></div> </div>

  • On the smaller screen, on the clicks on the radio, some JavaScript starts to work. When pressed, he apparently cancels the selection action. Some script that when you click on the radio changes the style of the block with the class fp-scroller - Dmitry Kozlov
  • case 'click': if (this.enabled &&! e._constructed) {e.preventDefault (); e.stopPropagation (); } break; Looks like this - Dmitry Kozlov
  • @DmitryKozlov thanks, you were absolutely right! What is the use of this script at all? Why the author of the site could add it? - gymbee
  • Apparently, as it seemed to me, this script believes that when the screen is reduced, only the touchscreen works, and not the mouse - Dmitry Kozlov

0