Bootstrap项目实战--响应式导航 学习要点： 　　1.响应式导航 一．响应式导航 基本导航组件+响应式 第一步，声明导航区域，设置导航默认样式，设置导航条固定在顶部navbar样式class类，写在导航<nav>里，声明导航区域(项目实战 ...

Bootstrap项目实战--案例 html 重点：利用栅格系统布局 ...

1、bootstrap提供了js插件——轮播图 　　我们还是照旧，直接拿过来用，需要改的地方再说。 2、修改 　　小屏幕看小图，大屏图看大图：这个可以利用自定义属性（data-XXX）data-img-lg（保存大图）和data-img-xs（保存小图）属性保存图片的路径，利用jQuery ...

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 　　<ol clas ...

阅读本博文前请参考：Bootstrap 实战之响应式个人博客 （一） 一、博客 1、结构 整体博客详情页的结构共包括四部分： 导航栏 博客主体内容 右侧栏：全局搜索框，广告位，推荐阅读 页尾 其中导航栏，右侧栏，页尾都是可以复用博客列表页（index.html ...

一、介绍 响应式布局就是一个网站能够兼容多个终端，而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 导航栏与轮播在大部分网站的头部占很高的比重，特别是导航栏，扮演着网站地图的角色。 在响应式布局中，要求导航栏能够根据终端屏幕大小显示不同的样式。 二、知识点 ...

一、示例 1、主页 2、博客详情页 3、在线地址 在线地址：入口 Addition：这里使用github-page将自己的静态项目免费部署到线上。 如果你只是做一些简单的静态项目做展示，付出这么大的时间和经济成本去专门购买一台云服务器显然是得不偿失的。github提供 ...

Tornado框架-模板语言的三种方式 模板语言就是可以在html页面，接收逻辑处理的self.render()方法传输的变量，将数据渲染到对应的地方 一、接收值渲染 {{...}}接收s ...