www.cftea.com

Bootstrap 入门教程-第一个控件

ITPOW2017/3/27 15:37:36

Bootstrap 是一款 HTML、CSS、JS 框架:

  • 它提供的 CSS 样式美观,兼容于移动浏览器。
  • 它提供的 JS 框架是基于 jQuery 的,能够提供一些高级的下拉菜单、标签页、弹出框等。
  • 然后有人在 Bootstrap 框架之上,又开发了一些控件、插件。

官方网站:http://www.bootcss.com/。从ITPOW下载 bootstrap-3.3.7-dist.zip

本文介绍基于 Bootstrap 的两个东西:CSS 框架应用、JS 框架应用。

CSS 框架应用

效果如下:

Bootstrap CSS 框架应用

有人说,这有啥呀,不就提供几个颜色的 class 名称么?

其实有了这些 CSS 约定,我们就可以统一我们的程序风格,是件好事情;再有,还有一些比较复杂的 CSS 效果,它帮我们写好了,并且兼容于各浏览器,何乐而不为呢?

JS 框架应用

Bootstrap 除了有 CSS,还有 JS 框架,二者共同形成解决方案。

效果如下:

Bootstrap JS 框架应用

<<返回首页<<