您现在的位置是：网站首页> 编程资料编程资料
bootstrap学习心得总结-css样式设计分享_心得技巧_网页制作_
2021-09-12
872人已围观
简介 下面小编就为大家带来一篇bootstrap学习心得总结-css样式设计分享。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
由于项目需要，所以打算好好学习下bootstrap框架，之前了解一点，框架总体不难，但涉及到的东西还是很多，想要熟练掌握它，还是要多练练。
一：bootstrap是什么？
bs是什么? 即前端页面搭建的标准化框架工具，已经写好了css.js样式，只需要拿来用即可。
怎么用bs呢？主要是通过使用不同的类增加效果，每一种类，对应的功能不同。
bs好处：增加了开发效率，页面设计更加美观,支持响应式开发。
二：css样式设计
1：基于Html文档
bootstrap引用了部分html元素，所以头部需写成下面所示的样列。
JavaScript Code复制内容到剪贴板
- ---包含HTML5文档声明，所有浏览器均开启标准模式
Bootstrap Hello, world!
2：栅格系统布局
通过设置行和列来进行内容的布局。bootstrap把页面设置为12列。通过改变列的数字来进行布局，比如设置三个等宽的列：
JavaScript Code复制内容到剪贴板