文章分类 -  bootstrap

col-md-offset-*
摘要：列偏移 使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过使用 * 选择器为当前元素增加了左侧的边距（margin）。例如，.col-md-offset-4 类将 .col-md-4 元素向右侧偏移了4个列（column）的宽度。 <div class="row"> <d 阅读全文
posted @ 2022-05-30 11:37 塞纳纽斯
bootstrap中form表单属性role="form"的作用
摘要：html 里面的 role 本质上是增强语义性，当现有的HTML标签不能充分表达语义性的时候，就可以借助role来说明。通常这种情况出现在一些自定义的组件上，这样可增强组件的可访问性、可用性和可交互性。role的作用是描述一个非标准的tag的实际作用。比如用div做button，那么设置div 的 阅读全文
posted @ 2022-05-30 11:19 塞纳纽斯 阅读(223) 评论(0) 推荐(0)
control-label
摘要：在label标签中添加control-label属性后，label标签就变成了可控制的标签，可以通过不同的属性值来控制当前控件的状态。 Bootstrap默认情况下，control-label的文本采用右对齐方式，这种方式在Form中如果含有checkbox等控件情况下，实际对齐方式很难看。 可以将 阅读全文
posted @ 2022-05-30 11:17 塞纳纽斯 阅读(278) 评论(0) 推荐(0)
label for属性
摘要：for属性其实就是将label和表单控件绑定在一起，最主要的差别就是比如有个输入框，如果我想要选中输入框获得焦点，只有input情况下，我只能选中输入框，但加了label，把label和input绑定在一起后，点击label也可以选中输入框。 不加label用户名: <input type="tex 阅读全文
posted @ 2022-05-30 11:11 塞纳纽斯 阅读(10) 评论(0) 推荐(0)
Bootstrap 表单
摘要：Bootstrap 提供了下列类型的表单布局： 垂直表单（默认） 内联表单 水平表单 垂直或基本表单 基本的表单结构是 Bootstrap 自带的，个别的表单控件自动接收一些全局样式。下面列出了创建基本表单的步骤： 向父 <form> 元素添加 role="form"。 把标签和控件放在一个带有 c 阅读全文
posted @ 2022-05-30 11:09 塞纳纽斯 阅读(12) 评论(0) 推荐(0)
bootstrap 组件说明
摘要：表单控件加上类form-control后，效果为： 宽度为100% 设置边框为浅灰色 控件具有4px的圆角 设置阴影效果，元素得到焦点时，阴影和边框效果会发生变化 设置placeholder的颜色为#999 阅读全文
posted @ 2022-05-30 10:47 塞纳纽斯 阅读(10) 评论(0) 推荐(0)