一般而言,程序员对于CSS只是了解或者熟悉,很少能够熟练使用或者精通的。比较前端和后端差别还是很大的,同时精通前端和后端的程序员极少,这也是为什么需要美工存在的原因,但是有了大名鼎鼎的Bootstrap框架之后,及时没有了美工,程序员也是可以做成比较漂亮的前端页面的。
Bootstrap官方网址为:http://getbootstrap.com/。
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
Bootstrap使用CSS为我们定义好了许多十分常用的样式,我们在页面上引入了bootstrap的类库之后,就可以在页面上使用它已经帮我们定义好的各种样式来美化我们的页面。
引入方法,十分简单:
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="bootstrap/js/jquery-1.11.1.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
因为bootstrap是基于jquery的,所以也要引入jquery的类库。
引入了之后,需要使用到哪个样式,可以到:http://getbootstrap.com/css/ 页面上进行查找,该页面对Boostrap使用的网格布局系统,form, table, ul,ol,li,button,img.....等等,都有详细的例子,我们只要依葫芦画瓢就可以加以利用,
另外在页面:http://getbootstrap.com/components/ 中,还提供了各种小图片标签,如何使用;以及下拉菜单Dropdowns,组合button,都有详细的案例说明。
程序员有了Bootstrap,即使在没有美工,也可以做出相当专业的前端页面出来,是程序员居家旅行必备之良药!!
Enjoy it.
分享到:
相关推荐
Bootstrap v3.2 css框架 包含HTML5.JS ,jquery
silicone 一个简单的css helper来扩展bootstrap和其他css框架
bootstrap 前端框架 css框架 bootstrap 前端框架 css框架 bootstrap 前端框架 css框架 bootstrap 前端框架 css框架 bootstrap 前端框架 css框架 bootstrap 前端框架 css框架 bootstrap 前端框架 css框架 bootstrap ...
搭建bootstrap所需的文件,其中包括css、js、fonts 三部分
bootstrapValidator表单验证插件的架包,包含内容bootstrapValidator.css。
bootstrap.min.css
bootstrap 前端css框架, 可以快速的开发出页面不太丑的前端页面,前端后台开发者必备
前端框架bootstrap的js和css文件:bootstrap.min.js和bootstrap.min.css
第2部分介绍Bootstrap、Foundation、Pure等当前流行的CSS框架及LESS、SASS等生产力工具;第3部分是实战案例,包括DIV+CSS案例、HTML 5+CSS 3案例、Bootstrap案例和Foundation案例。 《CSS高效开发实战——CSS 3、...
Bootstrap v2.3.2(Web前端CSS框架) Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范...
HTML+CSS+JavaScript+jQuery+Bootstrap等前端框架实现的前端案例.zip
这是一套基于.net 4.0 web + bootstrap + admin后台框架模板 该源码的功能介绍如下: (1)登录主页面。 (2)漂亮管理后台框架集成。 (3)http post get 测试工具。 (4)中文转全拼、简拼。 (5)微信调试工具:文本...
解决报错:GET /static/css/bootstrap.min.css.map HTTP/1.1" 404
它与CSS框架Blueprint存在很多相似之处。 值得一提的是,Bootstrap并不会在Twitter平台上运行,Twitter只是促进了它的开发,并将它公布出来。 正如Twitter架构师马克·奥托(Mark Otto)在Twitter开发者博客上所...
压缩包中既有bootstrap.css,bootstrap.min.css,bootstrap-responsive.css, bootstrap-responsive.min.css又有bootstrap.min.js
Bootstrap CSS/HTML前端框架,Bootstrap风格模板被很多前端设计者喜欢,Bootstrap前端框架模板是由Twitter的设计师Mark Otto和Jacob Thornton开发的一个CSS/HTML框架。框架中包括了众多HTML、CSS 和 JS 工具包,可...
BootstrapPlusPlus是一个基于Bootstrap 4.0 CSS框架的开源项目。 它具有所有Bootstrap样式,新外观和一些额外的样式和现成的组件为网页开发人员或设计师创建优雅的网络应用程序。
前端框架利器——bootstrap
可以使用很多地方 价格表案例:http://blog.csdn.net/hj7jay/article/details/59479958