5、尚硅谷_SSM高级整合_引入Bootstrap.avi原创

好，这些重要的包我们都导入以后呢，接下来我们引入咱们这个boop前端框架。他呢，帮我们来快速的创建一个，哎，比较漂亮的这个页面。那么这个boottrap引入也非常简单，我们来到这个搜索引擎，直接搜索它啊，可以来到这个bootstrap中文网，点击它的这个中文文档啊，要下载我们可以先下载过来，那么这个我已经下载好了，点大家点击下载完以后呢，啊，解压出来就是这个文件，这里边呢，保存了一些CSS样式，诶这是bootp自己规定的CSS，以及他用的字体文件，以及这些GS。那么呢，我们直接在项目中啊，我可以把它CTRLC引入进来，比如呢，我们专门给外部APP下创建一个文件夹，来保存所有的静态资源static。好放进去，那么不要怎么用呢？哎，我们只需要参照官方文档就行了，来往下往下看。

这一块呢，他说你要用这个bootp，诶，你只需要引入咱们这个boot的这个核心的CSS文件，以及它核心的GS文件就行了，那么这个引入呢啊，我们就拿过来下边有啊。这个基本模板里边啊，有这两有这个引入，引入它的这个基本样式，以及这个JJS文件。我可以创建一个咱们这个简单的页面好。引入，这是引入bootstrap样式。引入咱们这个样式，但是这个样式呢，我们是在staticp下的这个CSSP啊mean CSS，我们是这个好，我把这个路径改一下。改一下。啊，这是我们引入的trap的样式，以及引入它的这个JS文件，这个JS文件呢，我们也已经复制在项目里边了，所以说呢，我们的路径还是这个。

But scra。哎，下的这个JS，哎，我们来看啊在这里，哎就是它我们引用它，那么这个rip呢，也要用杰克瑞，所以说呢，我们可以提前把这个杰克瑞也引用。我们自己后来写也要杰克瑞的好，我们把杰克瑞引入进来，那么这个杰克瑞呢，我也提供了一些这个杰克版本。好，复制过来。我们把我们自己的这些GS文件，我们放在静态资源文件夹下的这个GS里边。好，这是我们这个杰克瑞，好，我们把它引入进来。SIC。好，我们把它引入进来，它是我们static。下达咱们这个GS。

下到咱们这个解文件，好，比如说呢啊，我们要用BOO strap先把这些CSS样式GS引入进来，接下来就可以非踌快速的来搭建一个比较漂亮的啊，咱们这个页面，比如我写一个八层按钮。来发送按钮按钮，我们来写一个按钮，然后呢，如果我们只是来运行这个页面，那这个按钮就是我们这个比较原生的啊。不是太好看的一个按钮，诶就是它那么呢，如果有我们这个strap，那么呢，我们怎么办呢，来到咱们这个官方文档。这有一个全局CSS样式，诶比如呢，找到咱们这按钮，诶你看啊，人家这个按钮就是挺好看的，或者下边你看还有更好看的，我们只需要把我们这些哎c class，哎，你只要按照class规定来写它的这个class值。如果想要这个成功按钮，这个绿颜色的，那我的这个button的class就写成b TB TN success，那它就自己变成了这个样式了，所以说呢，相当于给我们提供了一个非常大的样式库，诶，我们非常容易快速的定义一个比较漂亮的东西。

好，那么后来的使用呢，大家就来参照我们这个官方文档啊，往下看就行了，好，那么呢，我们这个前端框架，诶，这里边有各种表单表格，我们一会呢，就照着这个来写好，我们把这个bootstrap就引入进来。