首页 / 技术 / 正文

小试Bootstrap,锋利无比的WEB开发框架

2014年08月05日 5 条评论 ... 技术

在我以往的认知中,WEB 的 CSS 编写应该是一件不怎么愉快的事情,各种华丽的CSS效果,要一点点地调整。直到后来看到有些博主使用 Bootstrap 编写了WordPress网站的主题,感觉非常清爽漂亮,目前有大量的网站是采用的 Bootstrap 为框架开发的,不但快捷,而且美观大方。比如萌月的博客

Bootstrap 是一款开元的web开发框架,Bootstrap 早在我高中一年级的时候在电脑杂志上看到过相关文章,但是对web开发框架却不是很理解。其实并不难,Bootstrap 作为框架,里面包含了大量了css样式,组件和js特效,web开发者只要下载 Bootstrap 文件到网站目录并且调用,就可以直接使用 Bootstrap 现成的大量精美成品。可以这样理解,没有 Bootstrap 的时候,盖房子就要先造砖,然后盖房子。而使用了 Bootstrap 之后,相当于 Bootstrap 提供了大量样式各异的砖,盖房子的开发者,只要信手拈来,轻松加愉快。

 

Bootstrap 官方网站:http://www.bootcss.com/

 

目前 Bootstrap 提供的版本是3.0,可以很好地支持响应式网页的制作,很多开发者为了节省时间和成本,经常使用 Bootstrap ,以至于现在很多网站的某些组件都十分相似,这也说明了 Bootstrap 的具有很高的可靠性。

安装使用 Bootstrap 非常简单,从 Bootstrap 网站上下载 Bootstrap 文件,然后解压到网站或者主题文件夹的目录里,然后在头部编写上引用语句

<link rel="stylesheet" href="css/bootstrap.min.css">

然后就可以直接给网页元素制定css样式就可以了,非常方便,而且 Bootstrap 对  CSS Hack 做的也非常到位,开发者大可不必担心网页浏览器兼容问题。

本次使用 Bootstrap 的主要目的也是为了编写一个在线报名网站,通过一下午的使用渐渐地摸索出 Bootstrap 的规律。首先,HTML一定要写的规范,不能省略或者简写,尤其是标签嵌套的地方,不能乱,否则css显示的效果会出现莫名其妙的错误;其次,对于初学者来讲,保持在线查阅是非常有必要的。

利用 Bootstrap ,不会编写css的初学开发者也可以轻轻松松建立起一个看似很专业的网站。比如今天一天的劳动成果。

在线报名网站

此网站是为下学期纳新准备的,为了适应手机用户,做成了自适应的网站页面。但是由于刚刚接触 Bootstrap ,所以还没来得及涉及到深层次一点的 JS 特效,所以整个网站都是直接套用 Bootstrap 的 CSS。最起码,对我来说,这个网站还是不丑的,至少不用纠结 CSS 样式了,可以用更多的时间去研究功能。

5 条评论

Loading...
  1. ysbinang

    萌月好多年没更新了好像。。。。话说做的这东西实用吗,感觉没人用啊

    2014-08-6 [回复]
    • 有野出没

      确实好长时间没见她出声了,bootstrap很实用,有些接单的公司,经常用bootstrap做网站,很节省时间的。

      2014-08-7 [回复]
  2. 银鸥

    昨天刚接触了Bootstarp,无比强大

    2014-08-7 [回复]
  3. 宋小北

    bt确实强大,不过也有局限。更适合做技术类网站或者是网站的后台界面
    兼容问题我认为也不算问题,IE一死全名开心啊

    2014-08-12 [回复]
    • 有野出没

      向下兼容的还不错,真心佩服bt。感觉如果不能解决的话,用 _display:none; 算了,不升级浏览器就不让看。

      2014-08-12 [回复]

发布评论