Bootstrap4第一周学习总结

最新推荐文章于 2024-11-13 21:41:11 发布
最新推荐文章于 2024-11-13 21:41:11 发布
阅读量619 收藏
点赞数
分类专栏： 笔记 文章标签： html 前端 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_63339948/article/details/121401823
版权

一. 创建第一个Bootstrap 4 页面在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
二.Bootstrap4 文字排版
在这里插入图片描述
在这里插入图片描述
三. Bootstrap4颜色
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
四. Bootstrap4表格

1.在这里插入图片描述
2.在这里插入图片描述
3.在这里插入图片描述
4.在这里插入图片描述
5.
在这里插入图片描述
6.在这里插入图片描述
7.在这里插入图片描述
8.在这里插入图片描述
9.在这里插入图片描述
五. Bootstrap4图像形状
1.在这里插入图片描述

2.在这里插入图片描述
六. Bootstrap4信息提示框在这里插入图片描述
1.在这里插入图片描述
2.在这里插入图片描述
3.在这里插入图片描述
七. Bootstrap4按钮组
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
八. Bootstrap4进度条
在这里插入图片描述
九. Bootstrap4 卡片
在这里插入图片描述
十.Bootstrap4导航

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
十一Bootstrap4轮播
在这里插入图片描述

人生苦若如初见
关注
专栏目录
Bootstrap-4-tutorial:侧面电子任务第3周
03-16
总结来说，Bootstrap 4教程的第三周主要涵盖了如何使用HTML和Bootstrap类创建响应式布局、导航栏、侧边栏以及各种交互组件。掌握这些核心概念和技术，将使你能够快速地构建出美观且功能丰富的网页。在实践中不断学习...
Bootstrap CSS样式
11-26 446
下表总结了 Bootstrap 网格系统如何跨多个设备工作：   超小设备手机（ 小型设备平板电脑（≥768px） 中型设备台式电脑（≥992px） 大型设备台式电脑（≥1200px） 网格行为 一直是水平的 以折叠开始，断点以上是水平的 以折叠开始，断点以上是水平的 以折叠开始，断点以上是水平的 最
Bootstrap4——学习总结
m0_63348818的博客
11-20 1421
关于bootstrap的学习 Bootstrap 要求使用 HTML5 文件类型，所以需要添加 HTML5 doctype 声明。 为了让 Bootstrap 开发的网站对移动设备友好，确保适当的绘制和触屏缩放，需要在网页的 head 之中添加 viewport meta 标签， <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> Bootstrap 4 需要一个容器元素来
Bootstrap4+MySQL前后端综合实训-Day10-AM【实训汇报-下午返校、项目代码（7个包+7个Html页面）】
upward
11-27 2371
【Bootstrap4前端框架+MySQL数据库】前后端综合实训【10天课程 博客汇总表 详细笔记】【附：实训所有代码】 从昨天下午就开始实训答辩了。今天上午，继续答辩。上午10:00左右，所有的小组答辩完毕。革命尚未成功，同学仍需努力~ ...
Bootstrap学习实践笔记（一）
FED_AF的博客
05-19 702
利用栅格系统布局
bootstrap实践学习总结（一）
小石头
10-15 6920
1、导航中左右两块内容，左边logo，右边用户信息等 类如上图，css定义如下： 左侧：.logo      右侧：.navbar .main-header .logo{ float:left; display:block; width:230px; ……} .main-header > .navbar{ margin-left: 230px;……margin-bottom:0px
Vue.js第二天学习笔记（vue-router）
11-28
Vue.js 是一个流行的前端JavaScript框架，用于构建用户界面。在Vue的应用中，`vue-router`是官方提供的路由管理器，它使得单页应用(SPA)的页面导航变得简单。本篇学习笔记主要介绍如何在Vue项目中配置和使用`vue-...
[SSH+Maven+Bootstrap视频教程]_第 二十一 讲.zip
06-05
在本节SSH+Maven+Bootstrap视频教程的第二十一讲中，我们将深入探讨如何整合SSH（Struts2、Spring和Hibernate）框架与Maven项目管理工具，并利用Bootstrap进行前端美化，同时关注日志拦截器的实现。这是一段关于Java...
JAVA工程师实习一周总结【推荐下载】.doc
10-20
1. Bootstrap ClassLoader是JVM的一部分，用C++实现，加载JVM自身所需的类，如`java.lang.*`、`java.util.*`等，这些类通常位于$JAVA_HOME/jre/lib/rt.jar。 2. Extension ClassLoader是Bootstrap ClassLoader的...
[SSH+Maven+Bootstrap视频教程]_第 二十三 讲.zip
06-05
在本节SSH+Maven+Bootstrap视频教程的第二十三讲中，我们将深入探讨Java开发中的一个关键主题：日志拦截器及其与`proceed`概念的关联。SSH（Struts2、Spring、Hibernate）是一个流行的Java Web开发框架，而Maven是...
温故而知新——学习Bootstrap的一点经验
qq_64133626的博客
07-04 1222
1、首先，作为Bootstrap的初学者，在开始使用它之前，必需先了解Bootstrap及其工作方式；了解如何将其导入书面代码中以及如何构建Bootstrap项目。在开始编写之前，需要研究其相关代码。Bootstrap文档的所有信息都可以在相关网站上找到：2、其次，掌握HTML5、CSS3和JavaScript的相关知识，并安装最新版本的Bootstrap。3、然后，掌握Bootstrap的重点就是尽可能多地练习使用它。尝试构建一个实际的网站并一边学习一边参阅参考指南来测试该框架。4、另外，插件是网站设计的
Bootstrap4 学习笔记（一）
Mr_changxin的博客
04-09 866
文章目录1.布局系统1.1 栅格系统1.2 栅格等级 1.布局系统 Bootstrap4.x 提供了.container 和 .container-fluid两种容器布局 这两种样式是启动布局栅格系统最基本的要素 .contianer是固体自适应方式，.container-fluid是流体100%自适应方式 容器布局可以嵌套，但一般不推荐使用（需要自己清除一些边距） 自适应对应的响应式方式如下media： // Small devices(landscape phone,578px and up) @m
2018.4.19学习总结（Bootstrap）
kimmmmqin的博客
04-20 2059
Bootstrap为什么要使用框架？在项目中，可能只是负责一部分细节，其他部分只管调用。但是如何确定其他部分是否可信、调用会不会出现bug？这时候就要用到框架了。框架较大程度上能够约束与规范每一位开发者的行为，不按框架很可能就会报错，这样多人协作就有了保证。Bootstrap的特点：跨设备、跨浏览器 ：可以兼容所有现代浏览器。响应式布局：支持各个分辨率的PC端和移动端的响应式切换。主要分为3大核心...
bootstrap学习心得
想要全栈chris的博客
11-28 1568
Bootstrap栅格系统1.简介 响应式设计 栅格实现原理： 1）一行row必须在.container中 2）使用行 在水平方向创建列组 3）具体内容应放置在column内 4）内置像.row和 .col-xs-4(占4列) 媒体查询： 主要用到min-width ，max-width，and语法，用于在不同分辨率下设置不同的css样式。@me
bootstrap实践学习总结（二）
小石头
10-20 5851
此处总结应用： 1、搜索框 1、搜索框 一般样子如前边输入框，后边为查询按钮，如图： 此处会用到.input-group   .input-group-btn
学习关于Bootstrap的感悟和体会
action_xing的博客
08-23 7318
前言： 这是这两天他的学习关于Bootstrap的感悟和体会Bootstrap是一个非常受欢迎的前端开发框架，该框架极大的提高前端团队的开发效率。 Bootstrap对常见的CSS布局组件和JavaScript插件进行了完整的封装，使开发人员可以轻松使用。 使用Bootstrap可以快速制作精美的响应式页面，并且兼容移动端Boostrap是最近几天学的一个新的开发框架，和之前学过的AUI框架来
bootstrap学习心得总结
weixin_41871233的博客
03-27 3244
官方文档：添加链接描述
bootstrap4学习总结
weixin_34087503的博客
10-08 534
快速开始 css 复制粘贴样式表到head <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngs...
vue计算属性 初步使用案例
最新发布
weixin_46253800的博客
11-13 139
会根据我们单项筛选，进行相应的页面展示，计算属性类似于函数，也有其返回值，返回值可以是个数组。用v-model对priceFilter进行了双向数据帮当，单选每一项的时候，会改变其值。computed是计算属性，它与data同级代码块。其中 用v-for循环进行页面打印表单。totalPrice()用于计算总价格。（本章节仅仅面向初步学习，页面简陋）计算属性可以写多个 如同函数类似，这个页面，由计算属性来操控。计算属性可用于插值表达式。在我们的计算属性当中。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值