表单input项使用label同时引用Bootstrap库导致input点击效果区增大问题

<label for="label-input">
<input type="text" class="" id="label-input"><br>
<button>button</button>
</label>

<link rel="stylesheet" type="text/css" href="bootstrap.min.css">

$('#label-input').click(function(e) {
var elem = e.target;
console.log(elem.tagName);
if (elem.tagName !== 'INPUT') {
return false;
}
})

$('label').click(function() {
return false;
});
$('#label-input').click(function(e) {
var elem = e.target;
console.log(elem.tagName);
})