bootstrap3响应式布局之css深入

浏览:7395 发布日期:2013/12/08 分类:技术分享 关键字: bootstrap3 bootstrap2 响应式布局
响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。
响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,而且随着目前大屏幕移动设备的普及,用大势所趋来形容也不为过。随着越来越多的设计师采用这个技术,我们不仅看到很多的创新,还看到了一些成形的模式。

其中bootstrap响应式布局就成了其中被大家广泛使用的响应式布局,bootstrap发展至今已经发展到了第三个版本。其中发展到第三个版本才真正实现了响应式布局的设计。而第三个版本也是在2013年的8月20日成功发布。有了bootstrap3还需要为自己设计响应式布局而烦恼吗?不需要了!现在实现响应式布局很简单,只需要加载bootstrap3的css和js就行了!
一次设计,全面适用!再也不需要担心我的网站如何在移动设备上面出现错位的尴尬了!
bootstrap3最新免费视频教程地址:www.howxue.net。本网站详细讲述了开始bootstrap3响应式布局之前的准备工作,以及对bootstrap里面的css做了详细的归纳和分门别类。再也不需要担心看晦涩的英文介绍了。从此之后你设计一个页面的基本架构只需要5分钟,设计出一个大概的页面模型只需要30分钟,而完成整个页面只需要1个小时就行了。而看过视频的人就能把这个时间缩短一倍甚至更多。因为以后设计网页只需要复制就行了。当然前提是你看过了视频,然后了解了哪些样式是生成列表、文字、表格、表单等等。
下面我来发布一下在CI框架下bootstrap3网页的一个模版:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>hoexue.net-bootstrap3</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/boot/html5shiv.js"></script>
<script src="js/boot/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--内容部分-->
<!--在页面底部加载js可以加快页面的加载速度-->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
最佳答案
评论( 相关
后面还有条评论,点击查看>>