本文主要是介绍对栅栏bootstrap的补充,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
前身:https://blog.csdn.net/sinat_38778794/article/details/121923624?spm=1001.2014.3001.5501
1.补充一下:
框架:其实就是写好的.css .js文件 可以直接把这个文件拿来用。
本文以bs3为基调。
安装:npm install bootstrap@3
引入:页面首先写入meta
<meta name="viewport" content="width=device-width, initial-scale=1.0">
因为bootstrap全是以jQuery为基调,所以在引入bootstrap之前必须引入jQuery
内容:
1.container“通过使用.container类名,定义一个栅格容器。
2.row:.row定义行容器
3.col-[screenStyle]-[parent]:通过复合类名,定义栅栏行的一个栅栏大小。
会自动获得水平居中效果,(自动设置了margin和padding)
源码解析一波就知道了
Bootstrap源码分析系列之整体架构 - Jesse131 - 博客园
这篇关于对栅栏bootstrap的补充的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!