Bootstrap+Vue.js前端开发超实用代码集锦

本书以问题描述+解决方案的模式，使用360多个实例 介绍了Bootstrap 和Vue.js这两大前端开发框架的技术亮 点。全书根据内容分为两部分：在第1部分的Bootstrap代 码中，主要介绍了输入框组、按钮组等技术；在第2部分的 Vue.js代码中，主要介绍了单向数据绑定、双向数据绑定 、动态属性绑定等以及Vue.js与Lodash、GSAP、jQuery、 Velocity、Animate、TweenJS等第三方库(框架)的整合应 用。

第1部分 Bootstrap代码 001对文本的字体线条进行细化 002对文本的字体线条进行加粗 003主副标题使用不同大小字体 004创建黑色半透明的字体线条 005使用自定义字体突出段落 006自定义引用和引用的脚注 007创建黑底白字风格的文本 008使段落中的所有字母大写或小写 009使段落中所有单词的首字母大写 010允许或禁止文本自动换行 011设置文本靠左或靠右对齐 012设置文本块靠左或靠右对齐 013在水平方向上居中显示文本块 014在垂直方向上居中显示文本块 015在水平方向上和垂直方向上均居中显示文本块 016为文本块添加圆角边框线 017为文本块添加开口边框线 018在文本块之间添加分隔线 019动态折叠或展开文本块内容 020在首次显示时展开隐藏内容 021对图像进行小(或大)圆角裁剪 022对图像的上(或下)边进行圆角裁剪 023将矩形图像裁剪成椭圆形状 024将矩形图像裁剪成胶囊形状 025在图像边缘添加镶边效果 026设置图像在水平方向上居中 027设置图像在垂直方向上居中 028设置图像在水平方向上和垂直方向上均居中 029设置图像与容器的底部靠齐 030设置图像与容器的右侧靠齐 031根据宽度变化响应式排列图像 032以动画风格折叠或展开图像 033创建手风琴风格的互斥折叠 034在输入框组的左侧添加文本 035在输入框组的右侧添加文本 036在输入框组中添加单选按钮 037在输入框组中添加复选框 038在输入框组中添加下拉菜单 039在输入框组中添加多个元素 040创建多种颜色的实心按钮 041创建多种颜色的空心按钮 042创建两端靠齐的块级按钮 043设置按钮的激活状态样式 044设置按钮的禁用状态样式 045使用多个按钮创建按钮组 046在垂直方向上创建按钮组 047在按钮组中内嵌下拉菜单 048在按钮上嵌套黄色的徽章 049创建多种颜色和大小的徽章