【Bootstrap 未完】牛客网试题总结
2016-01-22 16:21
597 查看
1.考点:Bootstrap CSS-响应式工具(可用的类)
❤详解:
bootstrap3.x使用四种栅格选项来形成栅格系统,四种栅格选项之间的区别, 就是适合不同尺寸的屏幕设备。 以class前缀命名这四种栅格选项,分别是col-xs、col-sm、col-md、col-lg: lg是large的缩写; 【大屏幕:桌面 (≥1200px) 】 md是mid的缩写; 【中等屏幕:桌面 (≥992px) 】 sm是small的缩写; 【小屏幕:平板 (≥768px) 】 xs是extremely small的缩写。 【超小屏幕:手机 (<768px)】
2.考点:Bootstrap CSS-响应式工具(打印类)
❤详解:
3.考点:Bootstrap CSS-栅格/网格
❤详解:
①Bootstrap框架的网格系统工作原理如下:1、数据行(.row)必须包含在容器(.container)中【A√ C×】,以便为其赋予合适的对齐方式和内距(padding);
2、在行(.row)中可以添加列(.column)【B√】,但列数之和不能超过平分的总列数,比如12;
例: <div class="container"> <div class="row"> <div class="col-md-4"></div> <div class="col-md-8"></div>
3、具体内容应当放置在列容器(column)之内,而且只有列(column)才可以作为行容器(.row)的直接子元素;
4、通过设置内距(padding)从而创建列与列之间的间距。然后通过为第一列和最后一列设置负值的外距(margin)来抵消内距(padding)的影响。
详: http://www.imooc.com/code/2325
②列的嵌套:
Bootstrap 框架的网格系统还支持列的嵌套。
可以在一个列中添加一个或者多个行( row )容器【D√】,然后在这个行容器中插入列。但在列容器中的行容器( row ),宽度为 100% 时,就是当前外部列的宽度。
详: http://www.imooc.com/code/2329
4.考点:Bootstrap CSS-辅助类
❤详解:
例如:
5. 考点:Bootstrap 组件-下拉菜单
❤详解:
下拉菜单的触发和下拉菜单都需要包含在.dropdown里通过 data 属性:向链接或按钮添加 data-toggle=”dropdown” 来切换下拉菜单
.caret类:【B√】
【A×】有4个下拉选项的下拉菜单
在 .dropdown-menu 添加 .pull-right: 让下拉列表右对齐【C√】
相关文章推荐
- bootstrap modal 在IOS9中不能弹出的问题 IOS 9 bootstrap modal ios 9 noticework
- bootstrap在使用中的样式问题(自带的前台js分页和自己编写的后台分页方法)
- 一款基于Bootstrap扁平化的后台框架Ace
- bootstrap3 兼容IE8浏览器
- bootstrap-fileinput简单完整列子
- 几个页面的问题一起记录了/el表达式判断/<c:import>传值/BootstrapDialog.show关闭时刷新/
- Bootstrap单按钮的下拉菜单
- bootstrap-select搜索框输入中文
- Bootstrap按钮组学习
- Bootstrap下拉单学习
- BootStrap的布局学习
- bootstrap导航菜单做active判断
- bootstrap兼容问题
- bootstrap学习笔记
- bootstrap3 兼容IE8浏览器
- 基于Metronic的Bootstrap开发框架经验总结(9)--实现Web页面内容的打印预览和保存操作
- BootStrap入门教程 (四)
- BootStrap入门教程 (三)
- bootstrap一些总结
- Bootstrap、jQuery、HTML5、Spring Security安全权限