JavaWeb快速入门--Bootstrap

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%

  • 图片形状

  • ...:方形

  • ... : 圆形

  • ... :相框

  • 表格

  • table

  • 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
    • 2
    • 3
    • 4
    • 5
    • »

      Kafka实战笔记

      关于这份笔记,为了不影响大家的阅读体验,我只能在文章中展示部分的章节内容和核心截图

      image.png

      • Kafka入门
      • 为什么选择Kafka
      • Karka的安装、管理和配置

      image.png

      • Kafka的集群
      • 第一个Kafka程序
      • image.png

      afka的生产者

      image.png

      • Kafka的消费者
      • 深入理解Kafka
      • 可靠的数据传递

      image.png

      image.png

      • Spring和Kalka的整合
      • Sprinboot和Kafka的整合
      • Kafka实战之削峰填谷
      • 数据管道和流式处理(了解即可)

      image.png

      • Kafka实战之削峰填谷

      image.png

      了解详情https://docs.qq.com/doc/DSmxTbFJ1cmN1R2dB

      [外链图片转存中…(img-DtfrhPOa-1724426092415)]

      • Spring和Kalka的整合
      • Sprinboot和Kafka的整合
      • Kafka实战之削峰填谷
      • 数据管道和流式处理(了解即可)

      [外链图片转存中…(img-iFWazrbF-1724426092415)]

      • Kafka实战之削峰填谷

      [外链图片转存中…(img-WFBmc2QP-1724426092415)]

      了解详情https://docs.qq.com/doc/DSmxTbFJ1cmN1R2dB

    • 2
      点赞
    • 2
      收藏
      觉得还不错? 一键收藏
    • 0
      评论
    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

    当前余额3.43前往充值 >
    需支付:10.00
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明:

    1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

    余额充值