BootStrop
关注
分享
扫一扫
Muchen灬
工欲善其事，必先利其器，记录并分享工作生活经验！
展开
-
BootStrop的环境配置
去BootStrop中文官网下载文档https://www.bootcss.com/ 进入到官网点击下载即可2.由于BootStrop需要依赖Jquery的文件，所依我们需要下载Jquery下载网站：http://www.jq22.com/jquery-info1223.在Hbuilder中创建一个名为BootStrop练习的项目。将bootstrap.mi...原创 2019-06-05 23:46:01 · 272 阅读 · 0 评论 -
BootStrap实现全页滚动效果
实现全页滚动效果常用的相关CDNBootStrap:<!-- 最新版本的 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"><!--jquery--&...原创 2019-08-04 23:09:33 · 4954 阅读 · 0 评论 -
个人站——技术栈页面设计
项目目标：大圆圈顺时针旋转，小圆圈逆时针旋转，文字及圆圈分从右边和左边动画效果进入，页面展示效果步骤一：引入BootStrapCDN并创建基本布局首先我们需要引入bootStrap的CDN<!-- 最新版本的 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="https://cdn.jsdeliv...原创 2019-08-10 01:09:59 · 466 阅读 · 0 评论 -
个人站——联系我页面设计
项目目标：主体内容居中显示，底部会有Github/CSDN/微信和QQ等联系方式，前两个点击可以跳转到对应网址，鼠标在微信和QQ上时会出现二维码。步骤一：引入BootStrapCDN及wow.js/animate.css并创建基本布局首先我们需要引入bootStrap的CDN<!-- 最新版本的 Bootstrap 核心 CSS 文件 --><link rel...原创 2019-08-10 16:17:09 · 5333 阅读 · 0 评论 -
个人站——关于我页面设计
项目目标：步骤一：引入BootStrapCDN及wow.js/animate.css并创建基本布局首先我们需要引入bootStrap的CDN<!-- 最新版本的 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dis...原创 2019-08-10 17:00:10 · 5364 阅读 · 0 评论 -
个人站——作品集页面设计
项目目标步骤一：引入BootStrapCDN及wow.js/animate.css首先我们需要引入bootStrap的CDN<!-- 最新版本的 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/...原创 2019-08-11 20:52:09 · 1899 阅读 · 1 评论