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

为了让标签更加语义化,在表单项中,我们往往会使用label进行包裹 <input type=text class= id=label-input> <button>button</button> 在移动平台页面的开发中,为了让表单项的可点区域变大而更好的操作,label可提供相应的便利。 但有时,我们只是需要label标签,却不希望可点区域无故增大。而Bootstrap的引入,自动增大了可点区域 如上图所示,只是希望点击input项才产生效果,但点击label标签内的其他空区域就