Bootstrap 是美国 Twitter 公司的设计师 Mark Otto 和 Jacob Thornton 合作基于 html,CSS,JavaScript 开发的简洁, 直观, 强悍的前端开发框架, 使得 web 开发更加快捷.
我也很喜欢用 Bootstrap, 因为 Bootstrap 的文件是别人写的, 所以我们根本不知道文件里用了什么样式和属性, 所以它在学习文档上有相关的一些教程, 更容易的上手和方便很多的开发者, 下面会看到, 但是 Bootstrap 文件直接导入, 直接使用, 也不用我们自己来写 css, 还有很多我没说清楚, 因为我也是刚学 Bootstrap 不是很久. 所以我能帮助的就是如何去 Bootstrap 的官方去下载正确的文档.
第一步: 百度搜索 Bootstrap, 点击 Bootstrap 中文网.
第二步: 进去后是这个页面, 点击 Bootstrap 中文文档.
第三步: 点击进去后又进去这个页面, 点击下载 Bootstrap.
第四步: 我们终于来到了我们要找的地方了, 就是这个头部有起步的这个页面.
第五步: 点击下载
第六步: 下载完成后是这个目录
第七步: 这个时候呢, 我们找到我们想要的了, 接下就可以导入了, 导入很简单, 直接复制文件, 看下图, 这里是 Maven 项目, web 也可以.
是不是很方便, 直接把整个文件 Ctrl+C 和 Ctrl+V 就可以了.
好了, 导入我们也做完了, 接下来就看看这个帮助文档里面有什么东西.
1. 往下拉, 就会看到这个, 也就是我红框选中的地方,
我们把这段复制到 jsp 里面. 是不是很简单.
2. 写一个按钮, 如下步骤:
点击全局 css 样式后, 看到右边的这些样式选择有没有, 对, 比如我们要写一个 button, 就点击按钮, 要做表单, 就点击表单, 都有相应的教程文档. 这些都是很好的, 往下拉, 一个一个点, 都是有很多学习的干货的.
比如往下拉, 都有对应的按钮, 有默认的, 首选的, 成功的, 链接, 或者危险的都有, 直接样式复制, 多方便:
好了, 都是 Bootstrap 的一些教程, 自己去看吧.
来源: https://www.2cto.com/kf/201809/777138.html