全端入门Day18_前端程序撰写之CSS终

昨天介绍了些F12的功能，今天要来说CSS的框架。

CSS的框架：Bootstrap

因为我目前碰的CSS框架只有Bootstrap，所以就只介绍它，不然其实还有其他框架可以使用，那麽要怎麽使用呢?

1. 首先进入到Bootstrap官网之後点Get Start，进去之後会往下一点会看到CSS
   

点copy之後贴在VS code里面的HTML档案，并且要贴在head里面喔! 如果贴在body是会没有效果的

你会发现好长看不到後面，所以我们就案shift+alt+f，就能够完美帮我们排版了

那麽接下来看怎麽使用了：
在body里面新增这些东西，我们方便去看有了Bootstrapc会有什麽功能
一样存档，之後打开index.html，我们会到这样

我们按F12并且移动到最左边，就会发现差别了

这就是使用框架的好处，可以让我们少打很多程序码，并且达到了RWD的功能。

大约的把CSS介绍完，明天就会是新的篇章JavaScript了!