bootstrap响应式开发教程-响应式企业站开发-H5响应式开发之准备工作 bootstrap响应式开发教程-响应式企业站开发-H5响应式开发之响应式导航条2 bootstrap响应式开发教程-响应式企业站开发-H5响应式开发之响应式...
Bootstrap
bootstrap响应式开发教程-响应式企业站开发-H5响应式开发之关于18
页面布局 关于页面 和之前一样，先引入头部和底部， <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w...
bootstrap响应式开发教程-响应式企业站开发-H5响应式开发之案例（二）16
案例 继续对案例页面进行调整。 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial...
bootstrap响应式开发教程-响应式企业站开发-H5响应式开发之案例（一）15
案例页面编写 首先第一步，引入头部和底部。 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic...
bootstrap响应式开发教程-响应式企业站开发-H5响应式开发之内容页（二）14
右侧栏目添加 右侧栏目我们只需要将之前做资讯业的右侧栏目复制一份即可，不用在重新进行代码的编写。 <div class="col-md-4 info-right"> <blockquote> <h2>资讯列表</h...
bootstrap响应式开发教程-响应式企业站开发-H5响应式开发之内容页(一)13
内容页布局 内容页 引入之前做好的咨询页面的头部和底部，来作为整体的布局。 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta na...
bootstrap响应式开发教程-响应式企业站开发-H5响应式开发之资讯内容（四）12
分页条 在使用Bootstrap之前做分页条的时候，需要对分页条的数字和样式进行样式的修改，手动去调整分页条，现在就不在需要繁琐的进行调试了。 使用分页的方法 pagination 在左侧栏的最下层新建一个div盒...
bootstrap响应式开发教程-响应式企业站开发-H5响应式开发之资讯内容（三）11
咨询内容 我们接下来来编写右边的栏目排行。 <div class="col-md-4 info-right"> <blockquote> <h2>资讯列表</h2> </blockquote> <div class="co...
bootstrap响应式开发教程-响应式企业站开发-H5响应式开发之资讯内容（二）10
咨询内容 先对内容的分布进行布局 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi...
bootstrap响应式开发教程-响应式企业站开发-H5响应式开发之资讯内容（一）9
资讯内容页布局 资讯内容 首先我们引入主页的导航和底部。 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" cont...
bootstrap响应式开发教程-响应式企业站开发-H5响应式开发之首页内容（四）8
网页字体自适应调整 在之前我们的主页已经编写完成，但是作为自适应的页面，当我们的页面缩小时，在不同的设备上字体的大小因为样式的原因，并没有发生改变，还是PC端字体的大小，为了适应不同设备的尺寸，我...
bootstrap响应式开发教程-响应式企业站开发-H5响应式开发之首页内容（三）7
首页底部 在H5中，新增<footer>标签用来制作页脚，不需要像html中新建一个div来进行编写。我们下面就还是用这个标签，来制作页脚 <!DOCTYPE html> <html lang="en"> <head> &...
bootstrap响应式开发教程-响应式企业站开发-H5响应式开发之首页内容（二）6
首页内容 我们继续对首页内容进行添加，当我们的上半部内容显示出来后。 可以对这里的每个栏目进行添加详细内容。 创建盒子<tab2>，新加如容器，把容器分为两部分，一部分用于放至图片。一部...
bootstrap响应式开发教程-响应式企业站开发-H5响应式开发之首页内容（一）5
主页内容 我们对内容进行编写，使用bootsrap插件的栅栏来进行网页布局。 创建盒子<tab1>,使用container创建容器，新建栏目的标题 <h2 class="tab-h2">为什么选择在PHP中文网学习编程？</...
bootstrap响应式开发教程-响应式企业站开发-H5响应式开发之响应式轮播图4
轮播图 响应式轮播图 轮播图是一个很好页面展示功能。但是如果要实现需要使用Js与jq,比较麻烦，我们学了使用bootstrap插件可以使用内置的样式轻松的制作轮播图。 首先我们创建录播图的内容和指标 <o...
bootstrap响应式开发教程-响应式企业站开发-H5响应式开发之响应式导航条（二）3
可折叠导航条 我们在上节中对导航条进行了编写，但是我们会发现，虽然导航条是可伸缩了，但是填写的导航栏目在页面缩小时候就看不见了。 这是正常显示的样子 当缩小时候 我们的导航栏目就不...
bootstrap响应式开发教程-响应式企业站开发-H5响应式开发之响应式导航条2
首页布局 导航条 我们在有了引入后的文件后，开始进行编写。 首先创建个<nav>导航条标签使用bootstrap内置的navbar样式。 class="navbar navbar-default navbar-fixed-top" 创建头部log...
bootstrap响应式开发教程-响应式企业站开发-H5响应式开发之准备工作
H5响应式开发之准备工作 我们在使用H5做页面的时候，需要引入Bootstrap插件，登陆http://v3.bootcss.com/ 选择下载 押解出来里面会有三个文件夹，分别是fonts,css以及js.我们需要引入其实三个文件。...
几个bootstrap的模板网站
http://www.bootstrapmb.com/ http://www.cssmoban.com/tags.asp?n=bootstrap http://sc.chinaz.com/tag_moban/bootstrap.html http://www.xmoban.cn/bootstrapmoban/ http://www.jqueryfuns.com/tag...
bootstrap响应式框架学习教程-1
1.常用页面模板 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 移出下边的内容就...