下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、Web前端Bootstrap框架,下面我在这里简单的介绍下Bootstrap框架。 Bootstrap框架属于UI框架,这个和jQuery不太一样,其实准确的描述Bootstrap框架属于css框架而非javascript框架,但是它本身也使用javascript来完善Bootstrap框架的视觉效果。此外,Bootstrap框架十分超前,在支持html5和css3的浏览器上表现特别好,而且对移动终端的浏览器支持也是相当优秀。,移动终端的浏览器支持也是相当优秀。 一个完整的Bootstrap框架包含如下四个部分: 脚手架(不知道官网为啥这么翻译):用于重置背景、链接样式、栅格系统等,并包含两个
2、简单的布局结构。Bootstrap的样式使用了lesscss技术,比如重置背景这样的操作,这些比较简单我就不展开叙述了,脚手架里最出彩的是栅格系统和布局。,栅格系统是将页面宽度分成12列,栅格系统分为两种类型,一种是默认栅格系统,这时候栅格系统是按940px像素进行等分,我们可以使用span1,span4这样的class属性操作默认栅格布局,另一种是流式栅格系统,这个时候分列的宽度就不是固定,而是根据你可视页面进行12等分,同样可以使用span1,span4操作流式栅格。,这个系统非常之好,做css最难的就是div布局,使用栅格系统可以大大简化div的布局操作。另外一个就是做布局操作了,布局也
3、分为固定和流式,让不太精通css布局也能轻松操作布局。 基本的css样式。Bootstrap给出了一样常用的HTML元素的样式,例如:按钮、表单和文字等等。大部分做网站的人都不是美工出身,做出赏心悦目的网页是件很困难的事情,css提供的样式很专业很精美,能让我们轻松开发出一套精美的网站,Css组件:Bootstrap还提供一些常用的css组件,同样很优秀很棒。 Javascript插件:Bootstrap是个开放的系统,我们可以随意扩展Bootstrap,特别是javascript的框架,这样Bootstrap就会更加专业。Bootstrap是个操作性质的框架,没必要做深入分析,最关键是有没有好的使用实例,我下载Bootstrap发现,下载包里的example不是太强大,例子都在它的官网上.,很多对css和javascript不是特别熟悉的人使用起来都不太习惯,因此我将这些例子进行了整合,作为单独的例子工程,这个工程非常
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 深度解析(2026)《GBT 3965-2012熔敷金属中扩散氢测定方法》
- 深度解析(2026)《GBT 3301-2023日用陶瓷器规格误差和缺陷尺寸的测定方法》
- 【 物理 】探究:浮力与哪些因素有关课件-2025-2026学年沪科版物理八年级全一册
- 2026年初中七年级上册期中综合质量检测模拟卷含答案
- 2026高一地理下册第一二单元第一次月考含答案及解析
- 《JBT 10492-2025金属氧化物避雷器用监测装置》专题研究报告
- 湖南高考:生物重点知识点大全
- 2026年消毒供应中心感染防控知识问答
- 2026年医保基金监管警示教育案例分析题库
- 2026年电力行业安全操作与职业卫生知识测试
- 某项目工程应急预案
- 6.1 我国四大地理区域的划分(达标训练)(原卷版)
- 2025年度演艺经纪合同:国际艺术家巡演与合作3篇
- 开奶茶店创业计划书
- 六年级下语文分层作业设计
- 浙江省地方标准《罗氏沼虾池塘养殖技术规范》编制说明
- 旅游行业数字化运营的新实践
- 2024年广西机场管理集团有限责任公司招聘笔试参考题库含答案解析
- 工业机器人职业生涯规划书
- 听力残疾的评定课件
- 23J916-1:住宅排气道(一)
评论
0/150
提交评论