У вас неправильный код :) Попробуйте следующее:
<!DOCTYPE HTML>
<html lang="ru-RU">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#AAA, #BBB {
width:100px;
height:100px;
border:1px solid #000;
}
</style>
</head>
<body>
<div id="BBB">
BBB
</div>
<div id="AAA">
AAA
</div>
<script src="http://www.google.com/jsapi"></script>
<script>
//VISIBLE
function hide() {
$("#BBB").css({'display':'none'});
}
function show() {
$("#BBB").css({'display':'block'});
}
// Load jQuery
google.load("jquery", "1");
google.setOnLoadCallback(function() {
// NOT VISIBLE
// function hide() {
// $("#BBB").css({'display':'none'});
// }
// function show() {
// $("#BBB").css({'display':'block'});
// }
$(document).ready(function() {
var time;
$("#AAA").each(function() {
$(this).mouseover(function() {
show();
});
$(this).mouseleave(function() {
time = setTimeout("hide()", 200);
});
$("#BBB").mouseleave(function() {
setTimeout("hide()", 200);
});
$("#BBB").mouseenter(function() {
clearTimeout(time);
});
});
});
});
</script>
</body>
</html>
В вашем CSS я бы просто установил:
.radio {
margin-left: 0;
}
Один из способов сделать это - установить «margin-left: -15px» (выровнять число вручную, чтобы оно соответствовало вашей странице) в классе «form-check» в CSS. Другим способом было бы создать элемент 'div', который будет содержать как флажки, так и текст. Если это не сработает, тогда проверьте, что у вас CSS, вероятно, у «form-check» есть некоторые свойства margin или padding
То есть вы хотите выровнять переключатели слева с текстом?
.form-check-label > input {
margin-left: 0;
}
Я надеюсь, что это решит вашу проблему