小编给大家分享一下bootstrap隐藏div的方法，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

显示 隐藏DIV的技巧

使用bootstrap的12分栅来演示

style="display: none;" 隐藏后释放占用的页面空间

document.getElementById("typediv1").style.display="none";//隐藏

document.getElementById("typediv1").style.display="";//显

　　　　　　　　　　　　　　　　 <div class="form-group"> <div class="col-lg-3 col-sm-6"> <label class="col-sm-4 control-label">{{taskId}}</label> <div class="col-md-8"> <input type="text" id="xxx" class="form-control"> </div> </div> <div class="col-lg-3 col-sm-6" style="display:none;"> <label class="col-sm-4 control-label">{{msgId}} </label> <div class="col-sm-8" 　 > <input type="text" id="xxx" class="form-control"> </div> </div> <div class="col-lg-3 col-sm-6"> <label class="col-sm-4 control-label">{{createTime}}</label> <div class="xxx input-group col-sm-8" > <input type="text" id="xxx" class="xxx"> <span class="input-group-addon"> <i class="fa fa-clock-o bigger-110"></i> </span> </div> </div> <div class="col-lg-3 col-sm-6"> <label class="col-sm-4 control-label">{{to}}</label> <div class="xxxe input-group col-sm-8"> <input id="xxx" class="xxx"> <span class="input-group-addon"> <i class="fa fa-clock-o bigger-110"></i> </span> </div> </div> </div>

看完了这篇文章，相信你对bootstrap隐藏div的方法有了一定的了解，想了解更多相关知识，欢迎关注亿速云行业资讯频道，感谢各位的阅读！