bootstrap心得
2015-12-13 19:10
645 查看
最近在弄个人的博客,之前对bootstrap的使用老是感觉使用的一般
幸好在看了慕课网的一个老师的实例教程之后,才感觉是真正对前端使用bootstrap有了一点理解
首先就是、这些标签,其实都是相当于box模式里面的正文内容
所以如果要给div与div之间增加边距,则可以使用padding来进行增加边距
再谈谈bootstrap的栅格系统,首先是要有一个container类在外层,然后再是每一行
但是必须注意的是,container并不是包含整个界面
它会在container这个主体的左右两边会加入一定的margin,大概左右边界各占8分之一的样子
所以如果你要加入一个长度在整个界面的内容,则必须要在包含container类的div之后去放置这个div
幸好在看了慕课网的一个老师的实例教程之后,才感觉是真正对前端使用bootstrap有了一点理解
首先就是、这些标签,其实都是相当于box模式里面的正文内容
所以如果要给div与div之间增加边距,则可以使用padding来进行增加边距
再谈谈bootstrap的栅格系统,首先是要有一个container类在外层,然后再是每一行
但是必须注意的是,container并不是包含整个界面
它会在container这个主体的左右两边会加入一定的margin,大概左右边界各占8分之一的样子
所以如果你要加入一个长度在整个界面的内容,则必须要在包含container类的div之后去放置这个div
相关文章推荐
- BootStrap--CSS组件
- Bootstrap--组件
- BootStrap--全局CSS样式
- bootstrap封装成seajs cmd模块
- Bootstrap HTML 5 文档类型
- Bootstrap & EasyUI WEB开发框架
- 机器学习:Bootstrap
- 轻松使用jQuery双向select控件Bootstrap Dual Listbox
- bootstrap按钮组(二)
- [置顶] 20151212Bootstrap学习笔记------标题 段落 列表
- 轻松使用jQuery双向select控件Bootstrap Dual Listbox
- EF+MVC+Bootstrap 项目实践 Day4
- Bootstrap modal被sliverlight掩盖。
- Jquery双向select控件Bootstrap Dual Listbox
- 利用 Bootstrap 进行快速 Web 开发
- 简单方法解决bootstrap3 modal异步加载只一次的问题
- bootstrap按钮组(一)
- bootstrap分页
- bootstrap按钮组(一)
- 自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选&多选下拉框