您的位置:分类信息站 > bootstrap如何隐藏边框 bootstrap如何隐藏div

bootstrap如何隐藏边框 bootstrap如何隐藏div

2023-08-24 16:10

bootstrap如何隐藏边框 bootstrap如何隐藏div

bootstrap如何隐藏边框

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>

1563009737418160.png

相关推荐:《bootstrap入门教程》

作者:爱喝马黛茶的安东尼

阅读全文
以上是分类信息站为你收集整理的bootstrap如何隐藏边框 bootstrap如何隐藏div全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
  •  bootstrap怎么适配

    bootstrap怎么适配

    bootstrap怎么适配bootstrap屏幕适配为了让 Bootstrap 开发的网站对移动设备友好,确保适当的绘制和触屏缩放,需要在网页的 head...

  •  vue的依赖是api还是sdk

    vue的依赖是api还是sdk

    Vue的依赖是API还是SDK?随着前端技术的不断发展,越来越多的前端框架涌现出来。其中Vue框架作为一种轻量级的MVVM框架被广泛应用...

  • 15天天气预报查询 15

    15天天气预报查询 15

    【推荐教程:CSS视频教程 】响应式 Web 设计旨在为各种设备(从台式机显示器到手机)提供最佳的浏览体验。本文汇总了一些优秀的...

  •  css如何实现文本多行省略号

    css如何实现文本多行省略号

    css实现文本多行省略号的方法:1、给文本元素添加“display: -webkit-box;”样式;2、给文本元素添加“ -webkit-box-orient: ver...

  •  文详解如何用canvas画实心圆和空心圆

    文详解如何用canvas画实心圆和空心圆

    canvas是HTML5中新增的特性,它可以在浏览器上绘制出各种图形,作为一个前端工作者,你会用canvas画一个圆吗?这篇文章就和大家...

  • jquery设置input只读 jquery怎么给input添加只读属性

    jquery设置input只读 jquery怎么给input添加只读属性

    jquery给input添加只读属性的方法:1、使用“$(input)”语句获取input对象;2、使用attr()给获取到的input对象添加只读属性,语...

© 2024 分类信息站 flxxz.com 版权所有 联系我们
桂ICP备19012293号-34 Powered by CMS