zhangjinru123 - 博客园

2017年8月2日

摘要：一．路径组件路径组件也叫做面包屑导航。//面包屑导航 <ol class="breadcrumb"> <li><a href="#">首页</a></li> <li><a href="#">产品列表</a></li> <li class="active">韩版 2015 年羊绒毛衣</li> </o 阅读全文

posted @ 2017-08-02 20:58 zhangjinru123 阅读(151) 评论(0) 推荐(0)

Bootstrap(7) 输入框和导航组件

摘要：一．输入框组件文本输入框就是可以在<input>元素前后加上文字或按钮，可以实现对表单控件的扩展。 //在左侧添加文字  <div class="input-group"> <span class="input-group-addon">@</span> <in 阅读全文

posted @ 2017-08-02 20:41 zhangjinru123 阅读(179) 评论(0) 推荐(0)

Bootstrap(6)图标菜单按钮组件

摘要：一．小图标组件 Bootstrap 提供了免费的 263 个小图标（数了两次），具体可以参考中文官网的组件链接：http://v3.bootcss.com/components/#glyphicons。部分图标如下：可以使用<i>或<span>标签来配合使用，具体如下：使用小图标 <i clas 阅读全文

posted @ 2017-08-02 20:15 zhangjinru123 阅读(2995) 评论(0) 推荐(0)

2017年7月31日

Bootstrap(6)辅组类和响应式工具

摘要：一．辅助类 Bootstrap 在布局方面提供了一些细小的辅组样式，用于文字颜色以及背景色的设置、显示关闭图标等等。 1.情景文本颜色各种色调的字体 <p class="text-muted">柔和灰</p> <p class="text-primary">主要蓝</p> <p class="te 阅读全文

posted @ 2017-07-31 21:18 zhangjinru123 阅读(120) 评论(0) 推荐(0)

Bootstrap(5)栅格系统

摘要：一．移动设备优先在 HTML5 的项目中，我们做了移动端的项目。它有一份非常重要的 meta，用于设置屏幕和设备等宽以及是否运行用户缩放，及缩放比例的问题。 //分别为：屏幕宽度和设备一致、初始缩放比例、最大缩放比例和禁止用户缩放 <meta name="viewport" content="wi 阅读全文

posted @ 2017-07-31 20:55 zhangjinru123 阅读(471) 评论(0) 推荐(0)

2017年7月30日

Bootstrap(4) 表单和图片

摘要： 1、表单基本格式，实现基本的表单样式 <form class="form-horizontal"> <div class="form-group"> <label class="col-sm-2 control-label">电子邮件</label> <div class="col-sm-10"> 阅读全文

posted @ 2017-07-30 22:09 zhangjinru123 阅读(736) 评论(0) 推荐(0)

Bootstrap(3) 表格与按钮

摘要： 1、表格基本格式，实现基本的表格样式 <table class="table"> <thead> <tr> <th>编号</th> <th>姓名</th> <th>性别</th> <th>年龄</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>张三</ 阅读全文

posted @ 2017-07-30 21:22 zhangjinru123 阅读(229) 评论(0) 推荐(0)

Bootstrap(2) 排版样式

摘要： 1、页面主体，Bootstrap 将全局 font-size 设置为 14px，line-height 行高设置为 1.428(即20px)；<p>段落元素被设置等于 1/2 行高(即 10px)；颜色被设置为#333。 2、标题在 h1 ~ h6 元素之间，还可以嵌入一个 small 元素作为副阅读全文

posted @ 2017-07-30 20:48 zhangjinru123 阅读(202) 评论(0) 推荐(0)

Bootstrap(1) 概述与环境搭建

摘要：视频教程：http://study.163.com/course/courseMain.htm?courseId=1017002 源码和笔记：http://pan.baidu.com/s/1c06RiMW 一．Bootstrap 概述 Bootstrap 是由 Twitter 公司(全球最大的微博) 阅读全文

posted @ 2017-07-30 20:06 zhangjinru123 阅读(381) 评论(0) 推荐(0)

requirejs简单应用

摘要： 1、首先导入相应的js文件 3、然后在自己的index.js文件中实现自己的代码通过依赖关系引入js库 4、定义自己的utils.js库 //自定义自己的库，然后引入 require(['utils'], function(utils) { utils.show(); utils.change() 阅读全文

posted @ 2017-07-30 17:49 zhangjinru123 阅读(160) 评论(0) 推荐(0)