bootstrap
关注
分享
扫一扫
涂家豪
这个作者很懒，什么都没留下…
展开
-
看程序学bootstrap13-组件之按钮式下拉菜单
示例 1 : 单按钮下拉菜单<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css"...原创 2019-06-25 18:08:19 · 154 阅读 · 0 评论 -
看程序学bootstrap5-基本样式之表单
<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="styleshee...原创 2019-06-24 18:24:56 · 225 阅读 · 0 评论 -
看程序学bootstrap6-基本样式之文本
示例 1 : 淡灰色文本<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" r...原创 2019-06-24 18:27:55 · 199 阅读 · 0 评论 -
看程序学bootstrap7-基本样式之背景
示例 1 : 强调的背景<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" r...原创 2019-06-24 18:30:05 · 151 阅读 · 0 评论 -
看程序学bootstrap8-基本样式之其他
示例 1 : 关闭按钮<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" re...原创 2019-06-24 18:32:42 · 178 阅读 · 0 评论 -
看程序学bootstrap9-基本样式之栅格布局
步骤 1 : 栅格系统<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css...原创 2019-06-24 18:34:42 · 474 阅读 · 0 评论 -
看程序学bootstrap10-组件之字体图标
示例 1 : 一个字体图标<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" ...原创 2019-06-24 18:40:28 · 126 阅读 · 0 评论 -
看程序学bootstrap11-组件之下拉菜单
示例 1 : 下拉菜单<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" re...原创 2019-06-24 18:43:10 · 162 阅读 · 0 评论 -
看程序学bootstrap12-组件之按钮组
示例 1 : 按钮组<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.0.3/bootstrap.min.css" rel...原创 2019-06-24 18:46:02 · 102 阅读 · 0 评论 -
看程序学bootstrap27-组件之 嵌入效果
<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="styleshee...原创 2019-06-28 19:25:33 · 86 阅读 · 0 评论 -
看程序学bootstrap28-组件之 顶部底部
步骤 1 : 贴在顶部(不会消失）<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.c...原创 2019-06-28 19:31:10 · 141 阅读 · 0 评论 -
看程序学bootstrap29-插件之 模态窗体
示例 1 : 静态模态窗口<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" ...原创 2019-06-28 19:34:33 · 101 阅读 · 0 评论 -
看程序学bootstrap30-插件之 可切换导航栏
<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="styleshee...原创 2019-06-28 19:36:09 · 162 阅读 · 0 评论 -
看程序学bootstrap31-插件之 提示工具
示例 1 : 非Bootstrap工具提示<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.m...原创 2019-06-28 19:38:24 · 115 阅读 · 0 评论 -
看程序学bootstrap32-插件之 折叠
示例 1 : 基本折叠<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" re...原创 2019-06-28 19:39:42 · 191 阅读 · 0 评论 -
看程序学bootstrap4-基本样式之图片
示例 1 : 圆角<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel=...原创 2019-06-24 18:23:33 · 218 阅读 · 0 评论 -
看程序学bootstrap3-基本样式之表格
示例 1 : 基本表格<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" re...原创 2019-06-24 18:21:49 · 178 阅读 · 0 评论 -
看程序学bootstrap2-基本样式之按钮
按钮样式 可以用于按钮元素超链元素按钮类型的input元素 提交类型的input元素 重置类型的input元素 示例 1 : 原始样式按钮<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href=...原创 2019-06-24 18:16:34 · 176 阅读 · 0 评论 -
看程序学bootstrap14-组件之输入框组
示例 1 : 基本组合<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet"><...原创 2019-06-25 18:11:07 · 170 阅读 · 0 评论 -
看程序学bootstrap15-组件之导航栏
示例 1 : 标签页<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet"><...原创 2019-06-25 18:13:03 · 108 阅读 · 0 评论 -
看程序学bootstrap16-组件之面包屑导航
前端技术 BootStrap BootStrap 面包屑导航原创 2019-06-25 18:14:13 · 255 阅读 · 0 评论 -
看程序学bootstrap17-组件之 分页
示例 1 : 基本分页<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet"><...原创 2019-06-25 18:16:52 · 166 阅读 · 0 评论 -
看程序学bootstrap18-组件之 标签
示例 1 : 默认标签<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" re...原创 2019-06-25 18:19:39 · 165 阅读 · 0 评论 -
看程序学bootstrap19-组件之 徽章
示例 1 : 超链旁的徽记<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" ...原创 2019-06-25 18:21:52 · 108 阅读 · 0 评论 -
看程序学bootstrap20-组件之 超大屏幕
<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="styleshee...原创 2019-06-25 18:22:48 · 242 阅读 · 0 评论 -
看程序学bootstrap21-组件之 副标题
<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="styleshee...原创 2019-06-25 18:23:36 · 217 阅读 · 0 评论 -
看程序学bootstrap22-组件之 缩略图
示例 1 : 相册风格<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" re...原创 2019-06-25 18:24:58 · 154 阅读 · 0 评论 -
看程序学bootstrap23-组件之 警告
示例 1 : 警告框<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel...原创 2019-06-25 18:26:26 · 124 阅读 · 0 评论 -
看程序学bootstrap24-组件之 进度条
示例 1 : 基本进度条<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" r...原创 2019-06-25 18:33:54 · 213 阅读 · 0 评论 -
看程序学bootstrap25-组件之 列表组
示例 1 : 基本列表组<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" r...原创 2019-06-25 18:36:18 · 121 阅读 · 0 评论 -
看程序学bootstrap26-组件之 面板
示例 1 : 基本面板<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" re...原创 2019-06-25 18:38:18 · 128 阅读 · 0 评论 -
看程序学bootstrap1-简介
BootStrap 是Twitter的工程师开发的前端框架，可以非常方便的设计出好看的页面效果。使用Bootstrap和不用的区别使用Bootstrap 很简单，按照如下步骤进行即可。步骤 1 : 因为bootstrap用到了html5的特性，为了正常使用，需要在最开头加上步骤 2 : 导入js 导入css接着导入js和cssBootstrap需要JQuery才能正常工作，所以需...原创 2019-06-24 18:09:35 · 156 阅读 · 0 评论 -
看程序学bootstrap33-插件之 轮播
示例 1 : 基本轮播<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" re...原创 2019-06-28 19:41:44 · 156 阅读 · 0 评论