![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Bootstrap
文章平均质量分 92
后除
不知不问
展开
-
Bootstrap实战 - 单页面网站
单页面结构简单、布局清晰,常常用来做手机 App 或者某个产品的下载介绍页面。现在,展示型网页整体趋向于单页网站设计,这样一次性把核心信息展现出来,对于用户来说更加直观和简单,能够快速了解一个产品。原创 2022-03-03 20:55:06 · 1158 阅读 · 0 评论 -
Bootstrap实战 - 评论列表
Bootstrap 是当前很受欢迎的前端框架,如何用 Bootstrap 快速完成一个网站?社交媒体网站盛行,人们常常会使用评论表达自己的观点,评论功能已然成为网站的一部分。一个基础的媒体对象由四个部分组成...原创 2022-01-26 22:36:01 · 2894 阅读 · 0 评论 -
Bootstrap实战 - 注册和登录
注册和登录在社交和商业网站中是必不可少的一个部分。原创 2022-01-13 22:50:29 · 4481 阅读 · 0 评论 -
Bootstrap实战 - 响应式布局
响应式布局就是一个网站能够兼容多个终端,而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。导航栏与轮播在大部分网站的头部占很高的比重,特别是导航栏,扮演着网站地图的角色。在响应式布局中,要求导航栏能够根据终端屏幕大小显示不同的样式。原创 2022-01-11 23:42:10 · 2064 阅读 · 0 评论 -
Bootstrap实战 - 瀑布流布局
讲 Bootstrap 基础的教程网上已经很多了,实际上 Bootstrap 中文网(bootcss.com)里的文档已经写的很详细了,但实战的案例却不多。这里用一些当前流行的网页布局为导向,使用 Bootstrap 中的样式来完成它。每次只讲与案例相关的知识点,边学边练,加强理解。原创 2021-12-05 23:13:21 · 3731 阅读 · 1 评论 -
Bootstrap支持的JavaScript插件
1、导入JavaScript插件Bootstrap除了包含丰富的Web组件之外,如前面介绍的下拉菜单、按钮组、导航、分页等。他还包括一些JavaScript的插件。Bootstrap的JavaScript插件可以单独导入到页面中,也可以一次性导入到页面中。因为在Bootstrap中的JavaScript插件都是依赖于jQuery库,所以不论是单独导入还一次性导入之前必须先导入jQuery库。原创 2017-05-16 17:12:01 · 253 阅读 · 0 评论 -
Bootstrap学习-其它内置组件
1、缩略图(一)缩略图在网站中最常用的地方就是产品列表页面,一行显示几张图片,有的在图片底下(左侧或右侧)带有标题、描述等信息。Bootstrap框架将这一部独立成一个模块组件。并通过“thumbnail”样式配合bootstrap的网格系统来实现。可以将产品列表页变得更好看。使用方法:通过“thumbnail”样式配合bootstrap的网格系统来实现。.col-xs- 超小屏幕 手机原创 2017-05-16 17:11:46 · 214 阅读 · 0 评论 -
Bootstrap导航栏头部错位问题
代码: 1 section class="header"> 2 div class="container"> 3 div class="row"> 4 div class="col-sm-12"> 5 div class="navbar navbar-default" role="n原创 2017-05-16 17:11:16 · 736 阅读 · 0 评论 -
Bootstrap学习-菜单-按钮-导航
1、下拉菜单(基本用法)在使用Bootstrap框架的下拉菜单时,必须调用Bootstrap框架提供的bootstrap.js文件。当然,如果你使用的是未编译版本,在js文件夹下你能找到一个名为“dropdown.js”的文件。你也可以调用这个js文件。在使用Bootstrap框架中的下拉菜单组件时,其结构运用的正确与否非常的重要,如果结构和类名未使用正确,直接影响组件是否能正常运用。下拉原创 2017-05-16 17:10:19 · 519 阅读 · 0 评论 -
Bootstrap学习-网格系统
1、实现原理网格系统的实现原理非常简单,仅仅是通过定义容器大小,平分12份(也有平分成24份或32份,但12份是最常见的),再调整内外边距,最后结合媒体查询,就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。 .col-md-1 .col-md-1 .col-md-1 .col-md-1 .col-md-1 .co原创 2017-05-16 17:10:10 · 209 阅读 · 0 评论 -
Bootstrap学习-排版-表单
1、标题~,所有标题的行高都是1.1(也就是font-size的1.1倍)。2、副标题,行高都是1,灰色(#999)主标题 副标题3、Body样式body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.42857143;color: #原创 2017-05-16 17:06:42 · 401 阅读 · 0 评论 -
Bootstrap学习-环境安装
1、让IE运行最新的渲染模式。2、初始化移动浏览显示。width=device-width:让宽度等于设备宽度。initial-scale=1:设置初始缩放比例为1,即不缩放。3、 (1)IE版本低于IE9,使浏览器支持HTML5标签。(2)对CSS3支持。4、引入jQuery,Bootstrap不自带jQuery。5、引入基础CSS样式。原创 2017-05-16 17:06:33 · 252 阅读 · 0 评论