Bootstrap——程序员的CSS框架
2014-10-24 11:09
295 查看
一般而言,程序员对于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官方网址为: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.
相关文章推荐
- atitit。html css框架Bootstrap Foundation的比较与不同 attilax大总结
- Bootstrap VS Semantic VS Foundation 几个css框架比较
- atitit。html css框架Bootstrap  Foundation的比较与不同 attilax大总结
- 8个强大的基于Bootstrap的CSS框架
- bootstrap (前端css框架)
- 6款程序员不得不爱的bootstrap模板
- 三种CSS框架比较:Bootstrap,Foundation,Skeleton
- 8个强大的基于Bootstrap的CSS框架
- 在线引用Bootstrap Js、css框架
- 优秀的CSS框架---bootstrap
- Bootstrap(Web前端CSS框架)
- angular定制组件-bootstrap(css框架)
- 在线框架引用|bootstrap|jq|jqmobile|CSS框架
- 优秀的Web前端CSS框架Bootstrap(一):简介
- Web前端CSS框架—Bootstrap学习笔记
- css框架bootstrap(练习表单)
- Bootstrap (Web前端CSS框架)—Form Builder and Generator
- Bootstrap+Timeliner+Github+JQUERY创建程序员的简历(一)---Timeliner
- CSS框架之bootstrap
- 快切——响应css框架 和bootstrap有什么不同?