JavaWeb快速入门--Bootstrap

上一篇:JavaWeb学习总结04–JS(2)

下一篇:JavaWeb学习总结06–XML

Bootstrap:


Bootstarp访问网址:https://v3.bootcss.com/

JavaWeb快速入门--Bootstrap

Bootstrap: 一个前端开发的框架,Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使得 Web 开发更加快捷。在其中,定义了很多的css样式和js插件。我们开发时可以直接可以使用这些样式和插件得到丰富的页面效果。

快速入门

1. 下载Bootstrap:https://v3.bootcss.com/

2. 在项目中导入资源

JavaWeb快速入门--Bootstrap

3. 创建html页面,引入必要的资源文件

Bootstrap HelloWorld

你好,世界!

全局CSS样式


在Bootstrap提供了许多可以控制CSS样式的方法,我们可以通过可以通过 class 设置样式,对相应的属性进行控制,使我们的Web界面更加丰富多彩。

JavaWeb快速入门--Bootstrap

CSS样式:

  • 按钮:class=“btn btn-default”

  • 图片:

  • class=“img-responsive”:图片在任意尺寸都占100%

  • 图片形状

  • JavaWeb快速入门--Bootstrap:方形

  • JavaWeb快速入门--Bootstrap : 圆形

  • JavaWeb快速入门--Bootstrap :相框

  • 表格

  • ta

【一线大厂Java面试题解析+后端开发学习笔记+最新架构讲解视频+实战项目源码讲义】

浏览器打开:qq.cn.hn/FTf 开源分享

ble

  • table-bordered

  • table-hover

  • 表单

  • 给表单项添加:class=“form-control”

组件:

Toggle navigation

Brand

上一篇:【狂神说Java】JavaWeb入门到实战--MVC三层架构


下一篇:javaweb(jsp动作元素)