Bootstrap 前端框架，迅速开发

Bootstrap 编码规范
by @mdo

Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。

Headroom.js
隐藏或展示页面元素

Headroom.js 是一个轻量级、纯 JavaScript
组件，用来隐藏或展现页面上的元素，为你的页面留下更多展示内容的空间。

Open
CDN
开放CDN服务

Bootstrap中文网联合又拍云存储共同推出了开放CDN服务，我们对广泛的前端开源库提供了稳定的存储和带宽的支持，例如Bootstrap、jQuery等。

stickUp
让页面元素“固定”位置

stickUp能让页面目标元素“固定”在浏览器窗口的顶部，即便页面在滚动，目标元素仍然能出现在设定的位置。

LESS
一种动态样式语言

LESS为CSS赋予了动态语言的特性，如变量、继承、运算、函数。LESS既可以在客户端上运行 (支持IE
6+、Webkit、Firefox)，也可以借助Node.js或者Rhino在服务端运行。

Grunt
项目构建工具

Grunt是基于Node.js的项目构建工具。它可以自动运行你所设定的任务。Grunt拥有数量庞大的插件，几乎任何你所要做的事情都可以用Grunt实现。

时间： 2024-10-11 10:26:43

Bootstrap 前端框架，迅速开发的相关文章

bootstrap 前端框架学习笔记

1.认识一下 bootstrap 带来的优雅效果: 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 模板</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &

Bootstrap简介 Bootstrap 是 Twitter 推出的一个开源的用于前端开发的工具包.是一个CSS/HTML/JavaScript框架.Bootstrap 是基于HTML5和CSS3开发的,包含丰富的组件,根据这些组件可以快速的搭建一个漂亮.功能完备的网站.其中包括以下组件:下拉菜单.按钮组.导航.导航条等等.可以说 Bootstrap 是一个简洁简单的前端开发框架,可以让Web开发更迅速更简单. 学习和下载资料主要可以通过官方中文网 www.bootcss.com . Boo

在HTML网页中引入Bootstrap前端框架

Bootstrap百度百科介绍: Bootstrap,来自 Twitter,是目前很受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷.它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架.Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成. 这是优雅的分割线..................................

吴裕雄 Bootstrap 前端框架开发——Bootstrap 排版：标题

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 标题</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css&quo

吴裕雄 Bootstrap 前端框架开发——Bootstrap 排版：内联子标题

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 内联子标题</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css&

吴裕雄 Bootstrap 前端框架开发——Bootstrap 排版：强调

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 强调</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css&quo

吴裕雄 Bootstrap 前端框架开发——Bootstrap 排版：设定小文本

<!DOCTYPE html> <html> <head> <title>菜鸟教程(runoob.com)</title> <meta name="viewport" content="width=device-width, initial-scale=1" charset="utf-8"> <link rel="stylesheet" href=&

吴裕雄 Bootstrap 前端框架开发——Bootstrap 排版：使段落突出显示

<!DOCTYPE html> <html> <head> <title>菜鸟教程(runoob.com)</title> <meta name="viewport" content="width=device-width, initial-scale=1" charset="utf-8"> <link rel="stylesheet" href=&

吴裕雄 Bootstrap 前端框架开发——Bootstrap 排版：引用（Blockquote）

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 引用</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css&quo