2-3 Bootstrap 解说

What is Bootstrap?

  • Bootstrap 是一个有名的 CSS 框架,提供了很多的现成元件样式,而且也是很多程式设计师开发程式首选的“制服”。
  • Bootstrap 的官网网址在:http://getbootstrap.com/,你可以在这里看到更多范例,以及用法。
  • 以后如果你想要修改你的“按钮样式”,或者扩充一些新的功能,可以回到这个网站上面查询功能。
  • 不过现在先不要在这里玩到迷路了。先继续你的 Rails 练习作业吧!

css 与 scss 有什么不同?

  • SCSS 是一套“程式语言”,可以用来产生 CSS。意思是你可以写程式“产生 CSS”,提供一些 CSS 原生没有办法的进阶作法。不过在这章你只要理解成为,我们为了要“挂上”bootstrap,所以必须要用到 scss

import 是什么?

  • 是 scss 内引入“模组”的意思。透过这样的方式去引用其他资源,就不需要自己从头开始制作。比方说你要穿衣服,直接买一件来穿就省事很多,不需要自己跑去买布、搞裁缝那些。

为什么我们不去 bootstrap 官网上下载 CSS 再丢到 Rails 目录夹里面比较快?

  • 因为这样每次 bootstrap 更换版本,你的 CSS 目录夹就会脏到一塌糊涂,所以 Rails 有好心人打包成“挂上去的版本”,如果未来开发者想要升级,只要改变 bootstrap-sass 的板号就可以了。