码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap的一些属性作用

时间:2018-05-31 20:32:31      阅读:693      评论:0      收藏:0      [点我收藏+]

标签:size   元素   miss   单选按钮   span   字符串   创建   就会   put   

bootstrap中的data-[*]属性

    data属性包括两部分:

        1.属性名不应该包含任何大写字母,并且在前缀“data-”之后必须至少有一个字符

        2.*属性值可以为任何字符串

    data-[*]=“yy”,主要是调和bootstrap组件和插件,也就是使用bootstrap.js实现交互效果

    常见的data-[*]属性:

       data-toggle : 表示以什么事件类型触发,主要用于标签选择器

       data-target:主要用于配合data-toggle使用,常用于模态窗口、轮播图,作用是指定加载以及切换目标

      data-dismiss:常见的是在模态窗口中用来关闭模态窗口

bootstrap中role的作用

      role是HTML5的属性,可以用于标识一个普通的标签,让其语义化,方便浏览器对其具体功能进行识别,简单的说,role是为了给一些特定的浏览器工具

     举个例子:<div role="button"></div> 把div元素转换成button按钮功能使用

label

     label为定义标注

    在label元素内点击文本,就会触发此控件,就是说,当用户选择该标签时,浏览器会自动将焦点转到和标签相关的表单控件上,比如单选按钮

    <label><input type="checkbox"/>记住此密码</label>

   当input前面没有套上label标签是,只能通过点击单选按钮才会触发checkbox,加上label后,点击文字“记住此密码”也会触发checkbox

.container类

  用于固定宽度并且支持响应式布局的容器。在页面中创建一个居中的区域,其实就是等价于创建了一个静态宽度并且magin值为auto的一个居中的div框(响应式)

 还有一个.container-fluid类,用于创建100%宽度占据全部窗口的容器

bootstrap的一些属性作用

标签:size   元素   miss   单选按钮   span   字符串   创建   就会   put   

原文地址:https://www.cnblogs.com/jrrrrr/p/9118535.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!