BootStrap使用以及介绍

最新推荐文章于 2022-12-07 20:02:06 发布

X_献身

最新推荐文章于 2022-12-07 20:02:06 发布

阅读量379

点赞数

文章标签： bootstrap

本文链接：https://blog.csdn.net/X_010101/article/details/106644059

版权

Bootstrap是基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架。目前使用较广的是版本2、3和4，其中2的最新版本的是2.3.2，3的最新版本是3.4.1，4的最新版本是4.4.1。其中主要包含内容有:

基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。
CSS：Bootstrap 自带以下特性：全局的 CSS设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统。这将在Bootstrap CSS部分详细讲解。
组件：Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在布局组件部分详细讲解。
JavaScript 插件：Bootstrap包含了十几个自定义的jQuery 插件。您可以直接包含所有的插件，也可以逐个包含这些插件。这将在Bootstrap插件部分详细讲解。
定制：您可以定制Bootstrap的组件、变量和jQuery 插件来得到您自己的版本。

Bootsrap支持组件以及插件的，框架中包含了丰富的web组件和Jquery插件，可以快速简洁的搭建起一个漂亮且功能完善的网站。

在使用BootStrap框架时，可以对Bootstrap中所有的CSS变量进行修改，依据自己的需求裁剪代码。

在eclipse当中使用Bootstrap很简单，首先在官网:https://v3.bootcss.com/getting-started/#download下载Bootstrap 源码解压

然后创建一个eclipse项目把解压的Bootsrap文件夹复制粘贴到WebContent文件夹下就可以了。在开发过程中直接调用就可以直接使用。

关注