java web-3.1BootStrap快速入门

亦凉 2023-07-07 12:48 2阅读 0赞

## BootStrap ##

1.一个前端开发框架

*  框架：一个半成品软件，开发人员在框架基础上，进行开发，简化代码
 *  好处  
    1.定义了很多 的css样式和js插件，开发人员直接可以使用这些样式和插件得到丰富的页面效果。  
    2.响应式布局。同一套页面，可以兼容不同分辨率的设备。

## 快速入门 ##

1.  下载网址：https://v3.bootcss.com/  
    下载Bootstrap->用于生产环境的Bootstrap  
    2.将这三个文件夹复制到项目中  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTc5NTA0OQ_size_16_color_FFFFFF_t_70]  
    3.创建一个html页面，引入必要的资源文件  
    [网页][Link 1]的下边有个基本模板  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTc5NTA0OQ_size_16_color_FFFFFF_t_70 1]  
    **改造：**  
    以后写页面的基础  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTc5NTA0OQ_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTc5NTA0OQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200306165319291.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTc5NTA0OQ==,size_16,color_FFFFFF,t_70
[Link 1]: https://v3.bootcss.com/getting-started/#download
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTc5NTA0OQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200306165758613.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTc5NTA0OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTc5NTA0OQ_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200306170844237.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTc5NTA0OQ==,size_16,color_FFFFFF,t_70