位置: 编程技术 - 正文

Bootstrap入门书籍之(零)Bootstrap简介(bootstrap入门教程)

编辑:rootadmin

推荐整理分享Bootstrap入门书籍之(零)Bootstrap简介(bootstrap入门教程),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:bootstrap电子书,bootstrap基础教程pdf,bootstrap入门经典 pdf,bootstrap学习,bootstrap入门教程,bootstrap基础教程书籍,bootstrap入门经典 pdf,bootstrap入门经典 pdf,内容如对您有帮助,希望把文章链接给更多的朋友!

什么是Bootstrap?

Bootstrap是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

Bootstrap 是 年八月在 GitHub 上发布的开源产品。Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。

基于html5、css3的bootstrap,具有下面这些诱人特性:

(1)移动设备优先;

(2)漂亮的设计;

(3)友好的学习曲线;

(4)卓越的兼容性;

(5)响应式设计;

(6)列响应式栅格结构;

(7)样式向导文档。

自定义JQuery插件,完整的类库,基于Less、Sass等

Bootstrap下载

可以在其中文官网 中下载,可以很明显的看到一个大大的下载按钮,此外还可以通过CDN,git命令,以及npm等等方式进行下载。

如果您恰好看了我写的sublime Text的博客的话,肯定知道我们是可以直接通过插件进行安装的。只需要在 ctrl + shift + P 时,输入 fecth:manage ,进行如下设置:

Bootstrap入门书籍之(零)Bootstrap简介(bootstrap入门教程)

之后就可以直接通过sublime Text进行下载了,还是刚刚的步骤,但是这一次输入的是 fetch:package 。找到 Bootstrap ,如果下载成功在您的文件夹中应该可以看到主要包括三个文件夹 css , fonts 和 js ,如下:

可以看到除去字体文件夹外的其他文件夹中每一分文件都有两个不同的版本,一个完整版的文件,方便查看源码如: bootstrap.js 和一个用于实际生产情况的压缩文件如 bottstrap.min.js ;

在字体文件中可以看到有很多文件,但是它的功能很简单,就是是用来制作 icon图标 的文件,使用了CSS3的@font-face技术。

在实际情况中,如果你还想使用更多的图标,还可以在 Iconfont-阿里巴巴矢量图标库 ,自行查找设置。

Bootstrap标准模板

全局样式

Bootstrap框架的核心是轻量的CSS基础代码库,他并没有一味的重置样式,而是注重各浏览器基础表现,降低开发难度。

为了增强跨浏览器表现的一致性,Bootstrap使用了Normalize.css。但没有一味全部使用该重置样式,而是在此基础之上进行了一些改良,让其更加符合Bootstrap的设计思想。

Bootstrap保留和坚持部分浏览器的基础样式,解决部分潜在的问题,提升一些细节的体验,在排版、链接样式设置了基本的全局样式。具体说明如下:

移除body的margin声明

设置body的背景色为白色

为排版设置了基本的字体、字号和行高

设置全局链接颜色,且当链接处于悬浮 :hover 状态时才会显示下划线样式

Bootstrap简介部分到此就结束了,在Bootstrap的 中文官网 中,有着层次清晰且详细的说明文档,下面就和我一起走进

Bootstrap的世界吧!

Bootstrap入门书籍之(一)排版 推荐阅读:Bootstrap入门书籍之(零)Bootstrap简介Bootstrap使用HelveticaNeue、Helvetica、Arial和sans-serif作为其默认的字体栈。使用Bootstrap的排版特性,您可以创

Bootstrap入门书籍之(三)栅格系统 实现原理栅格系统是Bootstrap中的核心,正是因为栅格系统的存在,Bootstrap才能有着如此强大的响应式布局方案。下面是官方文档中的解说:Bootstrap内置

Bootstrap入门书籍之(四)菜单、按钮及导航 我们接下来要学习的东西呢,是Bootstrap为我们提供的一些组件,这些组件的使用非常简单,可以方便快捷帮助我们搭建网站,并且能达到一个不错的显

标签: bootstrap入门教程

本文链接地址:https://www.jiuchutong.com/biancheng/380367.html 转载请保留说明!

上一篇:分享自己用JS做的扫雷小游戏(js制作网站)

下一篇:Bootstrap入门书籍之(一)排版(bootstrap基础教程书籍)

  • 增值税现代服务业6大行业
  • 独立核算的优点
  • 单式记账法可以进行试算平衡吗
  • 天猫店铺收入在哪里看
  • 饭店的现金日记账填写样本
  • 财产理赔收入怎么做账
  • 行政单位应缴预算款的管理原则
  • 其他货币资金存出投资款什么时候用
  • 收到电费发票做账摘要怎么写
  • 出差过程中招待员工
  • 银行属于个人吗
  • 公司对公租车保险的规定
  • 工程交税必须在工程地点交吗
  • 一般纳税人销售二手车增值税税率
  • 单位统一为员工办的银行卡属于对公账户吗
  • 定期定额个体工商户个人所得税
  • 延期付款利息到底有没有税务风险
  • 土地出让金缴纳契税计税依据
  • 诊所购药有差价怎么办
  • 家政公司可以开专票吗
  • 新入职员工如何加入企业微信
  • 小额纳税人增值税专用发票税率1%
  • 以前年度损益申报怎么报所得税
  • 使用ps能完成的操作有哪些
  • microsoft edge怎么设置关闭所有网页
  • 印花税可以不计提嘛
  • 上月暂估入账
  • 出租的设备
  • windows7为什么不能用了
  • win10系统下怎么安装Java JDK及配置环境变量
  • uniapp异常处理
  • 会计分录错误用什么方法更正
  • php获取多选框的值
  • w10如何设置工作组
  • 不征税收入税收政策
  • 股东分红个人所得税怎么算
  • php顺序查找和二分查找
  • 应收票据到期后账务处理
  • 个体工商户年报逾期怎么办
  • php常用方法
  • java枚举写法
  • 万能转换器mp4
  • 购买房屋用于出租属于投资行为吗
  • 预缴与申报
  • 企业在建工程领用原材料的会计分录
  • python搜索函数
  • 所有者权益的确认依附于什么的确认
  • 销售公司提成表模板
  • 如何理解合并报表抵消分录
  • 长期借款期末余额表示什么
  • 负债类科目的余额方向为借方 不考虑双向等例外情况
  • SQL Server 2008中SQL查询语句字段值不区分大小写的问题解决
  • sqlserver高并发性能差
  • 纳税滞纳金的计算方法
  • 企业如何代员工做个税汇算清缴
  • 小规模纳税人未开票收入如何申报增值税
  • 私人账户可以打钱到公司账户吗
  • 职工福利费支出不超过工资薪金总额的
  • 专用发票冲红有时间有时间限制吗
  • 业务招待费纳税调整会计分录
  • 年末净利润为负数结转本年利润实例
  • 行政单位固定资产标准
  • 完美解决索尼电视arc无声音
  • 同一个sql语句 连接两个数据库服务器
  • win7系统怎么把字体调大
  • linux虚拟系统
  • kvm虚拟化网络配置
  • 自动启动win10
  • centos6 service
  • win8系统开机桌面文件不见了
  • Red Hat Enterprise Linux AS release 4 apache+MYsql+PHP的安装和优化
  • win8.1安装应用商店
  • js如何将毫秒转换为日期
  • shell while
  • reg add命令
  • js实现字符串和数字对齐
  • python如何运用
  • 如何查询企业税务评级
  • 房产税可以抵扣增值税吗
  • 乡镇经管站是如何工作
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设