-
lg md sm xs 这些是代表大小的,用于不同屏幕的尺寸,col-md-*代表屏幕上列占的宽度,再加上fluid则是以百分比占用,fluid多用于响应式布局 关于表格相关的基础知识: http://blog.csdn.net/zjn0430/article/details/8546488 class.divider分割线查看全部
-
data-toggle="modal" data-target=".bs-example-modal-sm" data-toggle指以什么事件触发,常用的如modal,popover,tooltips等,data-target指事件的目标,一起使用就是代表data-target所指的元素以data-toggle指定的形式显示查看全部
-
如果使用md没有效果,建议使用sm小屏测试查看全部
-
另外只实现了UI部分,具体的select效果未实现,即将选项的值 插入到button中,这部分要自己写js了查看全部
-
这里有一个BUG,bootstrap的下拉菜单UI必须引入 jquey.1.9.1及以上才可以,否则firebug会报错,且程序无法执行查看全部
-
sr就是screen reader,盲人看不见页面的效果(placeholder里的文字),sr会把里面的文字念出来,这样就知道后面要输的是用户名还是密码了 <label class="sr-only" for="exampleInputEmail2">Email address</label>查看全部
-
1.导航.nav无默认样式。导航基本样式只有.nav-tabs,.nav-pills,需和.nav同时使用。float:left 2.垂直导航:.nav-stacked.float:none; 3.自适应导航:.nav-justified. ".nav-justified>li{display:tabled-cell};ul{width:100%;}" 4.导航分割线:.nav-divider 5.li.active,li.disabled需li>a,样式作用于a。 6.面包屑导航:ul.breadcrumb,li.active里无a才有效果查看全部
-
nknklknv查看全部
-
将表单的控件都在一行内显示;在<form>元素中添加类名“form-inline”即可。 sr-only是什么属性?用途是什么? 全称是 screen reader only,意为:(仅供)屏幕阅读器,这个 class 主要用于增强 accessbility(可访问性)。 有时候 UI 上会出现一些仅供视觉识别的元素,比如说“汉堡包菜单按钮”,只有视力正常的人才能清楚辨识这些元素的作用。而残障人士,比如弱势或盲人是不可能知道这些视觉识别元素是什么的。他们上网使用的是屏幕阅读器,也就是 screen reader(sr),屏幕阅读器需要找到能辨识的文本说明然后“读”出来给用户听。问题是图形元素怎么可能“读出来”呢?因此我们还要写上这些元素的文本说明,但是又不需要展示给普通用户看到,于是加上 sr-only 的意义就在于能保证屏幕阅读器正确读取且不会影响 UI 的视觉呈现。 老师这里说的换行是指在小屏情况下的换行。 label标签点击文本,触发控制,比如一个选项,前面是圆圈,后面是文本,点击圆圈可以打对勾,用了label之后,点击文本也可以打对勾的。查看全部
-
备忘: <dd> Definition Description 定义描述 <dl> Definition List 定义列表 <dt> Definition Term 定义条目查看全部
-
先要写container,再写row,最后写col-xs-4查看全部
-
第一次忘了引入jquery; 第二次引入1.70版本的jquery,没有效果. 后来上百度搜索, 发现必须要1.90以上版本的jquery才可以和bootstrap.js配合使用.希望后来的同学们避免这个错误.少走一些弯路. 下拉菜单"和"表单控件<select>"的不同啊!"<select>"会自动随着"<form>"传送数据!查看全部
-
给一个元素data-dimiss属性的话,可以通过点击该元素达到让目标消失的效果。查看全部
-
bootstrap3之后的版本 将.disabled 样式也将禁止按钮的默认行为 源码pointer-events:none;阻止了点击事件查看全部
-
加.dropdown{float:left;},就会使div(恰好)包裹button(即是button多长div就多长)。这样right=0;就会以button的右边为基准。查看全部
举报
0/150
提交
取消