Java教程

JavaWeb快速入门--Bootstrap

本文主要是介绍JavaWeb快速入门--Bootstrap，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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

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

Bootstrap：

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

在这里插入图片描述

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

快速入门

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

2. 在项目中导入资源

在这里插入图片描述

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

Bootstrap HelloWorld

你好，世界！

全局CSS样式

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

在这里插入图片描述

CSS样式：

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

  • 图片：

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

  • 图片形状

  • ...：方形

  • ... ： 圆形

  • ... ：相框

  • 表格

  • ta

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

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

ble

  • table-bordered

  • table-hover

  • 表单

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

组件：

Toggle navigation

Brand

    • Link (current)
    • Link

    • Dropdown

      • Action
      • Another action
      • Something else here
      • Separated link
      • One more separated link

      • Submit

        • Link

        • Dropdown

          • Action
          • Another action
          • Something else here
          • Separated link

            • «

            • 1
            这篇关于JavaWeb快速入门--Bootstrap的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
            您可能喜欢
            栏目导航