bootstrap框架菜鸟教程目录
Bootstrap是一个开源的前端框架，由Twitter公司开发并维护，可以帮助开发者快速地构建响应式网站和Web应用程序。下面是Bootstrap框架的菜鸟教程：
1.安装Bootstrap
如果想使用CDN，可以在HTML文件中添加以下代码：
“`
“`
2.使用Bootstrap的网格系统
Bootstrap的网格系统是其最重要的组件之一，可以帮助开发者快速地创建响应式布局。Bootstrap的网格系统是基于12列的，可以通过将每个列的宽度设置为1到12来创建不同的布局。
“`
“`
在这个布局中，容器（`container`）包含了一个行（`row`），行中包含了三个列（`col-sm-4`），每个列的宽度为4个网格。
3.使用Bootstrap的组件
“`
“`
在这个导航栏中，`navbar`类表示导航栏，`navbar-brand`类表示导航栏中的Logo，`navbar-toggler`类表示导航栏的折叠按钮，`navbar-nav`类表示导航栏中的菜单项。
4.使用Bootstrap的样式
– `badge`类表示徽章样式，可以用于显示数量等信息；
– `alert`类表示警告框样式，用于显示警告信息；
– `card`类表示卡片样式，用于显示内容；
– `jumbotron`类表示巨幕样式，用于显示重要的信息。
5.使用Bootstrap的插件
“`
打开模态框
“`
在这个模态框插件中，`data-toggle=\”modal\”`和`data-target=\”#myModal\”`用于触发模态框，`modal`类表示模态框样式，`modal-title`类表示模态框标题样式，`modal-body`类表示模态框内容样式，`modal-footer`类表示模态框底部样式。”
