前言

这是一个非常好用的前端框架，让我们不用再辛苦写 CSS，也能轻松达成RWD
Bootstrap 的官方网站 --> https://getbootstrap.com/
想要更详细的知道Bootstrap的话可以参考这篇 --> https://tw.alphacamp.co/blog/bootstrap-4-introduction

载入Bootstrap元素

直接复制以下贴在程序码的head里就可以了

<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">

功能

在最左边可以看到有很多选项

让我们使用Bootsrtap来试做一个面包屑吧!!

一、首先在左侧的 Components/Breadcrumb

二、接着在我们要的 Example底下找到 copy 後直接点击 copy 复制并贴上即可

最终画面 :

有了 Bootstrap 尬嘛还要自己这麽辛苦写 CSS 呢!!你说是不是!
没有啦哈哈，明天继续来讲 Bootstrap ，我们铁人赛Day22见罗~