《Bootstrap开发精解:原理、技术、工具及最佳实践》一第2章 Bootstrap的安装与定制

简介:

本节书摘来自华章出版社《Bootstrap开发精解:原理、技术、工具及最佳实践》一书中的第2章,作者[美] 亚拉文·谢诺伊(Aravind Shenoy)乌尔里希·索松(Ulrich Sossou),更多章节内容可以访问云栖社区“华章计算机”公众号查看

第2章

Bootstrap的安装与定制
将Bootstrap集成到项目中的方法有好几种,我们还可以根据自己的需要和使用目的,对Bootstrap进行定制。有时候,我们需要对Bootstrap做一些小的调整,比如添加颜色或者改变字体大小。对于这样的定制,我们需要创建自定义的CSS,并将其添加到Bootstrap的CSS文件后面。但是,我们有时还需要对Bootstrap进行更深入的定制,比如使用自己的语义化的CSS类或元素。但在这样的场景中,我们需要在包含Bootstrap CSS的同时也包含自己的CSS,那么可能会使得文件变大,下载时间变长,缺乏效率。
在本章,我们将介绍在项目中使用Bootstrap的几个方面的内容,分别是:
在项目中包含Bootstrap
Bootstrap内容分发网络(Content Delivery Network,CDN)
用自定义的CSS进行覆盖
Bootstrap定制程序
Bootstrap的深度定制
编译LESS文件

相关文章
|
2月前
|
前端开发 JavaScript
Web前端之移动端课程开发之06.bootstrap
Web前端之移动端课程开发之06.bootstrap
58 0
|
9月前
|
存储 前端开发 JavaScript
|
9月前
|
开发框架 前端开发 JavaScript
|
2月前
|
编解码 前端开发 JavaScript
BootStrap 响应式布局技术教程简介
BootStrap 响应式布局技术教程简介
98 1
|
9月前
|
前端开发 JavaScript
Javascript知识【BootStrap技术实现商品页面】(下)
Javascript知识【BootStrap技术实现商品页面】
|
前端开发 开发者 容器
Bootstrap- 响应式工具|学习笔记
快速学习 Bootstrap- 响应式工具
128 0
Bootstrap- 响应式工具|学习笔记
|
11月前
|
开发框架 前端开发 JavaScript
教你快速安装Bootstrap
教你快速安装Bootstrap
|
前端开发 JavaScript 开发者
前端封装库/工具库的UI框架之Bootstrap
随着互联网时代的到来,对于Web应用的UI设计和开发变得越来越重要。而为了更高效地进行UI开发,前端封装库/工具库的出现成为了一个非常好的解决方案。其中一个颇受欢迎的UI框架就是Bootstrap。
149 0
|
前端开发
Bootstrap——安装
Bootstrap——安装
110 0
|
Web App开发 前端开发 JavaScript
Web前端快速开发 Bootstrap 响应式UI框架
Web前端快速开发 Bootstrap 响应式UI框架
531 0
Web前端快速开发 Bootstrap 响应式UI框架