【bootstrap2.1】的更多相关文章

bootstrap2.0与3.0的区别

在阅读这篇bootstrap2.0与3.0的区别的文章之前,大家一定要先了解什么是响应式网站设计?推荐大家看看这篇"教你快速了解响应式网站设计" . 我觉得bootstrap的可视化网页布局是个不错的工具,Bootstrap可视化布局说了,这个工具只适用于bootstrap2.x版本,在新版本的bootstrap3.x,就不能直接使用了,不知是因为官方更新不及时还是停止更新,如果是后者,那真有点可惜了. 上面说了,新版本的bootstrap3.x不是不能使用可视化布局,而是不能直接使用…

读bootstrap2.3.2有感1

起步: 下载编译好的bootstrap2文件,百度新版jquery.js,并复制html模版(hello world)放置在同一目录,然后看了下官网上的范例网站,心里还是很激动啊~ <!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-widt…

仿花田：内部相亲网站 意中人(Asp.net MVC,Bootstrap2)

起因: 那是七月份了,看见单身的同事在上花田网,当时觉得风格比较清新,还没有世纪佳缘等那些网站那么商业化,加上又看到了bootrstrap,于是就想做个demo出来玩玩.中间自己又在做其他的事情,和web没有关系,也想没事的时候也可以练练web,到上个星期,干脆就发布在公司的内网了.没想到同事们mail一传,现在都有200多个人(我的公司是个制造业,这边全部的职工有2w+的人,除了产线上的小妹妹们,有电脑的也有好几千)注册了.同事说她宿舍的都和别人在上面聊到要见面了.我倒是有点高兴,倒是帮上了忙…

Bootstrap2和3的区别

如果你需要兼容IE8甚至是IE7和IE6,那么只能选择Bootstrap2,虽然它自身在IE6的效果也并不完美.     但是倘若你跟随时代的脚步,并且面向的客户也很高端大气上档次地选择只需要兼容高级浏览器,那么Bootstrap3就是你不二的选择. 由于Bootstrap在国内的普及,大多数网站都采用了Bootstrap2的整套UI来开发一些web应用,所以较为小众的Bootstrap3应该可以让你的web应用脱颖而出. 总结:如果需要兼容IE678的话用2.如果需要高版本的浏览器,并且移动端…

BootStrap2学习日记3--响应式布局实用类

BootStrap2中常用的响应式布局类如: visible-phone     仅在 手机平台显示 visible-tablet      仅在 平板电脑显示 visible-desktop   仅在 PC电脑显示 我们来看下面这个例子: <div class="container"> <div class="row"> <div class="span4"> <h1 class="page-…

BootStrap2学习日记2--将固定布局换成响应式布局

概要:响应式页面是指页面根据浏览平台(尺寸)的不同显示不同的CSS. 原理:在Html的的头加入代码 <style> /*当浏览器宽度大于767是 采用括号里面的CSS样式*/ @media(min-width:767px){body(background:red)} /*当浏览器宽度小于767px的时候采用 */ @media(max-width:767px){body(background:red} /*当浏览器宽度大约767px小于960px的时候采用 */ @media(min-wid…

[bootstrap]bootstrap2如何引导div垂直居中

参考网址:http://www.4byte.cn/question/138712/bootstrap-how-to-center-vertical.html 部分参考自上面网页中的方法.用过bootstrap的同学知道,bootsrap2中可以使用栅格布局让div水平居中,那么如何让水平居中的div又垂直居中呢? <div class="container"><div class="row"><div class="span4…

table-responsive响应式表格,HTML表格自适应,bootstrap2表格自适应

引用bootstrap3 的方法 @media (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .tab…

读bootstrap2.3.2有感2

排版: Bootstrap定义的全局 font-size 是 14px,line-height 是 20px.这些样式应用到了 <body> 和所有的段落上.另外,对 <p> (段落)还定义了1/2行高(默认为10px)的底部外边距(margin)属性. 文字的各种显示 突出(.lead),强调<small>,加粗<strong>,斜体<em>,对齐.text-left,强调类.text-warning,略缩<abbr>,地址<…

bootStrap-2

全局样式: 1.移除Body的margin声明: 2.设置Body的背景色为白色: 3.为排版设置了基本的字体,字号和行高: 4.设置全局连接颜色,且当连接处于悬浮:hover状态时,才会显示下划线样式: 标题(一) 元素 字体大小 计算比例 其他 h1 36px 14px*2.60 magin-top:20px margin-bottom:10px h2 30px 14px*2.15 同上 h3 24px 14px*1.70 同上 h4 18px 14px*1.25 magin-top:10p…