bootstrap如何隐藏div

互联网 19-7-13

显示 隐藏DIV的技巧

使用bootstrap的12分栅来演示

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

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

                  <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入门教程》

以上就是bootstrap如何隐藏div的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
标签: 隐藏div
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:bootstrap如何设置鼠标悬停提示

相关资讯