![](https://img-blog.csdnimg.cn/6e23b1678405445e90eb7dabe462ef8e.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Bootstrap
文章平均质量分 82
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。
Tree_wws
大家好,我是 Tree_wws ,我是一个喜欢记录、喜欢思考、喜欢学习的人,希望和大家共同学习很进步,欢迎关注我呀 !!!
展开
-
【Bootstrap】快速上手Bootstrap 第三部分 常用样式
定义标题都是使用,只不过bootstrap做了其他的样式对默认的样式进行了覆盖,而且还定义了六个类名,还有small类名和(用于副标题)通过这个类来突出强调的内容:小号字体:加粗:斜体强调文本对齐方式3.4 列表去点列表内联列表将垂直列表变成水平列表,而且去掉项目符号(编号),保持水平显示.3.5 代码下面的类可以在同一个表格中一起使用基本表格 条纹状表格 带边框的表格 鼠标悬停 紧缩表格 响应式表格: 使用的时候需要有一个外容器(设置的类名)去包裹带有的元素,其会在小屏幕设备上(小于7原创 2022-07-02 14:28:00 · 478 阅读 · 0 评论 -
【Bootstrap】快速上手Bootstrap 第二部分 Bootstrap布局(重要)
食用文档它指的就是将页面划分成等宽的列,通过列数来实现模块化页面布局,最多分为12列行(row)必须要放到container布局容器里面,行是列的包装器。要想实现列的平均划分,需要给列添加类前缀列最多12,如果大于12,多余的列会被当做一个新的整体另起一行,如果小于12那么一行就占不满可以同时给一个列指定多个类前缀,用于划分不同份数2.2.1 列嵌套列嵌套: 在栅格系统中可以将内容再次嵌套,就是在一个列中再次分成若干份小列2.2.2 列偏移列偏移: 不想要相邻的列紧靠在一起,可以使用类将原创 2022-07-02 14:18:11 · 495 阅读 · 0 评论 -
【Bootstrap】快速上手Bootstrap 第一部分 理解响应式布局
响应式布局就是在不同屏幕下,看到不同的页面布局和样式的变化响应式布局需要一个父级为布局容器,来配合子级元素的实现变化效果.超小屏幕(手机,小于768px): 设置宽度100%小屏幕 (平板,大于等于768px):设置宽度为750px中屏幕(桌面显示屏幕大于等于992px):设置宽度970px大屏幕(大于等于1200px):设置宽度为1170px原理就是使用媒体查询实现总结以上就是今天要讲的内容,希望对大家有所帮助!!!.........原创 2022-07-02 14:04:57 · 224 阅读 · 0 评论