Bootstrap源码有哪些?-问答-阿里云开发者社区-阿里云

开发者社区> 问问小秘> 正文

Bootstrap源码有哪些?

2020-04-29 16:13:52 122 1

Bootstrap源码有哪些?

取消 提交回答
全部回答(1)
  • 问问小秘
    2020-04-29 16:14:34

    通过对boostrap.css源码简单的阅读,了解Boostrap的核心设计理念。

    为了增强浏览的兼容性,Boostrap内整合了Normalize.css(链接)这个文件的重要内容,从该版本boostrap.css的第6行一直到262行都主要是Normalize.css的内容,这在boostrap.css文件的第6行的代码注释上有明确标明。

    从代码263到1067行都是Boostrap对“Glyphicon Halflings”这个字体图标的使用,这个一个收费的字体图标,在Boostrap的官网上的“组件”导航内第一节“Glyphicons 字体图标”有描述。若你不喜欢这个字体图标,想使用其它字体图标(如:Font Awesome、Iconfont、Iconmoon、Ionicons等),可以将这部分的代码删除掉,或者是在以后对Boostrap足够熟悉之后去进行Boostrap的自定义构建,使boostrap.css文件最小化。

    从1068行开始到1614是Bootstrap的一些自己的样式初始化以及一些自定义的Class样式类进行设置(包含了部分样式的响应式设置)的部分。

    从1615行一直到2250行为止都是Boostrap被很多人“误会”为核心功能的“栅格化布局”部分。不过对于单纯对行布局的CSS代码来讲,600多行的代码也算是比较重视了。

    而后续的代码都是对表格、表单、按钮、图片,以及自己的一些组件如下拉菜单、按钮组、输入框组、导航等样式类的设置了,另外还包含对这些样式类的响应式设计。

    需要注意的是,对于Boostrap的组件部分来讲,很多样式类都是用了Glyphicons字体图标,若没有引用字体图标,某些组件的样式可能无法正常显示。

    0 0
相关问答

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 56732浏览量 回答数 19

43

回答

什么是云主机,云服务器与vps有什么区别?

zhuangdengyun 2011-11-01 04:21:50 49595浏览量 回答数 43

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 46936浏览量 回答数 19

31

回答

[@倚贤][¥20]刚学完html/css/js的新手学习servlet、jsp需要注意哪些问题?

弗洛伊德6 2018-10-27 21:52:43 145636浏览量 回答数 31

15

回答

网页挂马及暗链检测

yundun1 2012-02-24 17:40:01 47042浏览量 回答数 15

249

回答

阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本

云代维 2014-02-14 15:26:06 302612浏览量 回答数 249

13

回答

【云服务器分享】如何节省网站流量

dreamdoo 2012-10-15 10:36:09 80127浏览量 回答数 13

20

回答

【Java学习全家桶】1460道Java热门问题,阿里百位技术专家答疑解惑

管理贝贝 2018-05-31 13:57:45 45101浏览量 回答数 20

46

回答

H5技术百问——不懂H5你就OUT啦

yq传送门 2017-09-09 11:03:04 47067浏览量 回答数 46

2

回答

Nginx—owncloud安装记事

寒喵 2014-06-07 23:24:41 48528浏览量 回答数 2
+关注
3
文章
4679
问答
推荐问答
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载