CSS框架Bootstrap

作为一个软件开发人员，经常接触和使用框架是再平常的事情不过了。但是这些框架基本都是和语言相关的，比如WEB框架SpringMVC，JavaEE框架Spring，ORM框架Hibernate，还有JavaScript框架jQuery。

可是CSS也有框架，很多人却没有听说过。CSS也能有框架，CSS框架有什么用，能干什么？不亲自看看，还真想不出来。所有做前台，甚至做后台的工程师都有必要去看一看，必有收获。原来CSS可以这样写，这样用，CSS真的可以有框架。

项目地址：http://twitter.github.io/bootstrap/

这个CSS框架是基于html5的，大家准备html5吧，大势所趋。

有一个小小的遗憾，bootstrap不支持IE6。中国还有大量用户在使用windows xp和IE6，所以网站如果不支持IE6的话，嘿嘿。。。

IE6是必须要支持的，怎么办呢？还好，有人针对bootstrap专门做了IE6兼容扩展——BSIE（鄙视IE？）。

项目地址：http://ddouble.github.io/bsie/

CSS框架Bootstrap

时间： 2024-10-10 20:54:31

CSS框架Bootstrap的相关文章

atitit。html css框架Bootstrap  Foundation的比较与不同 attilax大总结

atitit.html css框架Bootstrap  Foundation的比较与不同 attilax大总结 1. Bootstrap  Foundation的比较与不同1 2. Bootstrap 教程2 2.1. Bootstrap 简介2 2.2. Bootstrap CSS2 2.3. Bootstrap 布局组件2 2.4. Bootstrap 插件3 2.5. Bootstrap 其他3 3. Bootstrap 的attilax总结3 4. 参考3 1. Bootstrap  F

Bootstrap（Web前端CSS框架）

官方定义: Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. 即:Bootstrap 是最受欢迎的 HTML.CSS 和 JS 框架,用于开发响应式布局.移动设备优先的 WEB 项目. 百科定义: 简介:Bootstrap是Twitter推出的一个开源的用于前端开发的工具包,是一个CSS/HTML框架.Boot

Bootstrap （Web前端CSS框架)

Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷.它是由动态CSS语言less写成.Bootstrap 包的内容 基本结构:Bootstrap 提供了一个带有网格系统.链接样式.背景的基本结构. CSS:Bootstrap 自带以下特性:全局的 CSS 设置.定义基本的 HTML 元素样式.可扩展的 class,以及一个先进的网格系统. 组件:Bootstrap 包含了十几个可重用的组件,用于创建图像.下拉菜单.导航.警告框.弹出框等

min.css----全世界最快的CSS框架

有一个CSS框架,叫min.css,它号称是全世界最快的. 难怪,它的代码就这一点. 你看它的页面例子,像Bootstrap,但比后者轻多了,它只是一些CSS样式,没有JavaScript代码. min.css的组件有: 基本代码(必须).标题.按钮.表单.导航栏.表格.图标.网格.消息框. 对,这就是min.css的全部. 1. 基本代码 body,textarea,input,select { background: 0; border-radius: 0; font: 16px sans-

css框架

CSS框架 960Grid 即960布局,现基本不再使用 Bootstrap 需将页面设置为HTML5文档类型 1. 引入外部CSS文件 使用<link>引入,一般只引入核心文件,主题文件不引入 2. 移动设备优先 在<head>标签中添加viewport元数据标签 <meta name="viewport" content="width=device-width,inital-scale=1"> width:可视区的宽度,值为d

【CSS框架】PRUE实现自适应和响应式

什么是响应式和自适应? 1.响应式:样式会随着屏幕大小改变,同一页面设备不同样式不同 2.自适应:不管屏幕大小,页面的样式比例不变 响应式和自适应怎么布局? 在css3之前无从谈起响应式和自适应 Css3怎么做到的呢?(我知道的几种) 1.媒体查询 2.运用百分比布局 3.rem 4.css框架(Bootstrap.jQuery Mobile.Pure--) 1.媒体查询 @media all and (屏幕宽度){ 样式表 } 2.运用百分比布局 width:100%: 3.rem body{

可以从CSS框架中借鉴到什么

现在很多人会使用 CSS 框架进行快速建站. 那 CSS 框架是什么呢,它通常是一些 CSS 文件的集合,这些文件包括基本布局.表单样式.网格.简单组件.以及样式重置.使用 CSS 框架大大降低工作成本进行快速建站. 当然对于一些大型的项目,可能会很难照搬某些框架直接使用的,因为直接使用会带来一些限制或者冗余的问题. 但在 CSS 框架已经日趋成熟的今天,在我们设计项目架构.规范的时候,现时市面上一些优秀的框架也可以给我们提供很多可借鉴的地方. 本文主要从几个方面讨论 CSS 框架可以对我们项目

你应该知道的9个优秀的CSS框架

前端开发是一项非常繁琐的工作,你不仅需要拥有和别人不一样的审美观和设计观,而且需要了解诸如HTML.CSS.JavaScript等错综复杂的技术,因此选择一些优秀的CSS框架或许可以帮助你大大提高工作效率.本文向你推荐了9个还不错的CSS框架,希望对你有所帮助. 1.Twitter开源杰作 – Bootstrap Bootstrap是一款由Twitter推出的开源CSS框架,它的核心是由一系列用于Web前端开发的工具包组成.Bootstrap基于HTML.CSS和JavaScript,是一款非常

如何编写轻量级 CSS 框架

Github 地址: https://github.com/nzbin/snack Demo 演示: https://nzbin.github.io/snack/ 前言 这篇文章我已经酝酿了半年之久,或者说拖沓了这么久吧.想说的东西很多,却又无从说起.如今轻量级框架如雨后春笋,层出不穷.我想每个人都应该归纳总结工作中的常见需求,编写一套适合自己的 CSS 框架.在之前的文章中,我提到了面向对象的 CSS(比如 BEM.OOCSS.SMACSS,详见 http://vanseodesign.com