`
focus2008
  • 浏览: 26299 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

Bootstrap——程序员的CSS框架

 
阅读更多
一般而言,程序员对于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.
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics