Bootstrap入门

    最近做的这个项目-校园视频管理,因为是视频,所以必须要有绚丽的界面。经过几天的探索,在UI框架EasyUIbootstrap之间选择,最终选择了bootstrap,原因是做出的界面比较绚丽,多彩。

         bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮,功能完备的网站。

         BootStrap并不是单单意味着HTML/CSS界面框架,更确切的说,它改变了整个游戏规则。这个囊括了应有尽有的代码框架使得许多应用和网站设计开发变得简单许多,而且它将大量的HTML框架普及成了产品,也大大的减轻了我们的负担。接下来我简单介绍一下bootstrap的使用。

    一,下载源码文件

    地址:http://www.bootcss.com/

    下载完成后,将文件解压之后可以看到文件的结构:

   

    其中,.min.css.css.min.js.js文件内容基本一样,都是封装了一些bootstrap样式,只不过是.min文件是编译并压缩以后的。

    二,引用

    需要引用3个文件,其中一个是JQuery文件,因为很多框架都是基于JQuery的。

    

     其中, JQuery 文件在 Bootstrap.js 文件之前引入。

     三,看一下我们做的网站成果。

 

 

    好的UI框架造就了好的网站。最近接触到的框架挺多的,越来越觉得容易上手了。这样应该就叫做举一反三吧。

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 15
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值