学做网站培训课程介绍

当前位置:

bootstrap单击显示/隐藏代码

本课程视频是VIP会员课程,学习请进入VIP学习区

Bootstrap教程中经常会遇到给标签添加data-toggle属性,data-toggle指以什么事件触发,常用的如modal,popover,tooltips等,data-target指事件的目标。

bootstrap 中data-toggle属性

自适应手机网站制作课程中,常用的就是data-target,data-toggle等属性,它的主要作用:单击显示,单击隐藏。例如制作Bootstrap的导航栏菜单时就会用到这个属性。

【1.】在CSS中作标签选择器用。如:


[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}

【2.】 用来传递替换文本(不知道是不是这么说),见下面的例子:


input[type=checkbox].ace.ace-switch + .lbl[data-lbl]::before {
content: attr(data-lbl);
}

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • bootstrap是一个特别好用的网站前端框架,可以让我们制作响应式网站时比较简单。对于响应式网站制作时,响应式导航是比较重要的部分。下面学做网
  • 在Bootstrap教程中经常会遇到给标签添加data-toggle属性,data-toggle指以什么事件触发,常用的如modal,popover,tooltips等,data-target指事件的目标
  • 在我们学做网站的过程中,通过图片的后缀名我们很轻松的了解图片是什么格式的,想要替换的时候,很就简单了。但有的同学的电脑里的图片等文件并没
  • 很多同学在模板制作的过程,都有图片调用不出来的现象,其实原因很简单,就是图片路径错误造成的。这里涉及到html和css中的一些路径知识,这个视
  • 提高网站的“回头客”,我们需要给注册会员提供一些特权,而对游客隐藏部分wordpress文章,因为有很多自己做网站vip学员问到,网站怎么实现游客隐藏、会
  • 切片的图层显示与隐藏 图文教程 (19819 次浏览)
    在学习ps切片教程中,参考线、网格、目标路径、选区边缘、切片、文本边界、文本基线和文本选区都是不会打印出来的额外内容,要显示他们,需要在菜单栏
  • 各位同学大家好,我是学做网站论坛的建站会员广东崔磊。很感谢论坛老师在我学习网站制作课程期间,对我的辅导帮助。现在在这里我想给同学做分享一
  • 学做网站时,经常要修改代码,很多时候需要用到颜色代码,由于太多,不可能都记住,所以找到了一个带有中文颜色名称表示的颜色代码表,以便后期网页设