前端学习DAY-5

已于 2022-07-26 08:33:44 修改
阅读量91 收藏
点赞数
文章标签： 学习 bootstrap
于 2022-07-26 08:32:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_56017821/article/details/125968436
版权
本文详细介绍了Bootstrap的下载及主要功能，包括按钮类、情境文本、情境背景、显示隐藏控制、图片类、表格类、表单类的使用，以及12栅格系统、面板、分页和JS插件如过渡效果和模态框的应用。通过实例展示了如何在网页设计中灵活运用Bootstrap提升用户体验。
摘要由CSDN通过智能技术生成

目录

一、Bootstrap下载

二、Bootstrap功能

1.Bootstrap按钮类的使用 

2.Bootstrap辅助类-情境文本的使用

 3.Bootstrap辅助类-情境背景的使用​编辑

4.Bootstrap 辅助类-显示或隐藏的使用

5.Boorstrap图片类的使用

6.Bootstrap表格类的使用

7.Bootstrap表单类的使用

8.Bootstrap12栅格系统的使用

9.面板的使用

10.Bootstrap 分页的使用

​编辑

11.Bootstrap JS插件之过渡效果

12.Bootstrap-JS插件-模态框

 

一、Bootstrap下载

Bootstrap中文网

 复制进web工程

重点目录

二、Bootstrap功能

1.Bootstrap按钮类的使用 

2.Bootstrap辅助类-情境文本的使用

 

 3.Bootstrap辅助类-情境背景的使用

4.Bootstrap 辅助类-显示或隐藏的使用

5.Boorstrap图片类的使用

 

6.Bootstrap表格类的使用

7.Bootstrap表单类的使用

什么也不加

加上form-group，成为一组

 给Email和Password加上form-control后

 

 

  内联表单

 水平排列

校验状态

8.Bootstrap12栅格系统的使用

 

9.面板的使用

 

10.Bootstrap 分页的使用

11.Bootstrap JS插件之过渡效果

 

12.Bootstrap-JS插件-模态框

 

Java_Xjc
关注
学习前端-HTML-day01
08-17
学习前端-HTML-day01
前端学习day01-HTML标签01
06-21
本教程“前端学习day01-HTML标签01”着重讲解HTML的基本概念和常用的HTML标签，旨在帮助初学者入门HTML，了解其在网页设计中的重要作用。 HTML由一系列元素组成，这些元素通过标签来表示。标签通常成对出现，比如`...
系统学习前端之CSS---day04
weixin_63522291的博客
12-25 1667
文本的baseline是字母x的下方inline-block默认的baseline 是margin-bottom的底部，没有margin就是盒子底部inline-block有文字的时候，baseline是最后一行文本x的下方vertical-align这个属性的各种值理解baselin（默认值）：基线对齐top：把行内级盒子的顶部和line box顶部对齐middle：行内级盒子的中心点与父盒子基线加上x-height一半的线对齐。
前端学习--Day06
Cure The World的博客
08-27 907
选择器 元素选择器 用标签名作为选择器，选中所有相应的元素 类选择器 根据class的属性来选择元素，样式定义为：.classname { } ID选择器 根据id名来选择元素，样式定义为：#idname{ } 属性选择器 选择器 描述 [attribute] 选取带有指定属性的元素。12456 [attribute=value] 选取带有指定属性和值的元素。6 [attribute~=value] 选取属性值中包含指定词汇的元素。456 [attribute|=value]
前端学习--Day04
Cure The World的博客
08-25 1702
1.css基本概念 2.选择器 3.三种连接方式 4字体相关属性
前端学习--Day03
Cure The World的博客
08-24 3572
1、table的介绍 2、table合并单元格及其他基础标签案例 3、div的介绍 4、块级标签与行内标签的行内块标签的特点以及区别
系统学习前端之CSS---day01
weixin_63522291的博客
12-24 1397
和
前端学习Day2-标签
qq_52912951的博客
02-24 146
day02
前端学习--Day01
Cure The World的博客
08-22 4346
Web前端基础知识 HBuilder中Chrome无法运行问题 一、Web基本概念 Web：网页、公众号、动画 H5：html5 URL：网络资源的地址 服务器：一个性能比较高（内存大、运行速度快）的电脑，安装了提供服务的软件（Apache，tomcat，ISS，Nginx） 云服务器：阿里云、腾讯云、百度云、华为云 有专门的团队提供维护工作 浏览器：能帮我们打开网页，Google Chrome、IE、火狐 二、标记语言 用各种标签将相关的信息或者关键字包裹起来，方便搜索引擎的抓
前端学习Day-1
leeforu的博客
04-28 115
2018.4.28今天大致浏览了w3school的前端相关知识框架和内容，并做了一些编程练习，感觉很充实
前端学习day1-元素紧贴网页
weixin_56693409的博客
02-25 90
元素空隙清除
苍穹外卖前端课程 day03-套餐管理
03-09
### 苍穹外卖前端课程 Day03 - 套餐管理知识点详解 #### 一、套餐分页查询 ##### 1.1 需求分析与接口设计 ...通过对这些知识点的学习和实践，学员能够掌握前端开发中常见的业务逻辑和技术实现方式。
day032-前端三剑客-H5快速入门+VScode.zip
09-05
通过这个"前端三剑客-H5快速入门+VScode"的学习，你将能够创建功能齐全、交互丰富的静态网页，并利用VScode提升开发效率。同时，这也是进一步深入前端框架（如React、Vue或Angular）的良好起点。
shader 案例学习笔记之将坐标系分成4个象限
localhost
09-13 242
坐标系被分成了4个单元格，每个单元格都有唯一的索引，后续就可以根据索引去渲染。
Spring Framework 学习总结博客
2302_80084329的博客
09-13 1045
通过本文的学习，我们从Spring的核心架构入手，逐步理解了IoC和DI的概念，并通过代码示例掌握了如何在实际项目中使用这些技术。Spring通过IoC容器管理bean，依赖注入将bean之间的关系解耦，大大简化了复杂系统的开发过程。这些基本的Spring知识是理解其高级特性（如AOP、事务管理）的基础，掌握这些概念后，我们可以更加自如地使用Spring构建复杂的企业级应用。
看Threejs好玩示例，学习创新与技术(二)
htsitr2的专栏
09-14 513
它的主要特点是确保生成的点之间保持一定的最小距离，从而避免点的聚集。这种方法在计算机图形学、游戏开发、物理模拟等领域中非常有用，尤其是在需要生成自然分布的对象（如树木、石头等）时。如果不进行裁剪，那么效果如下（初步的锯齿感是因为矩形内采样的结果）。为啥这么复杂呢，为啥不开始存储每个方块的UV呢？下面代码的vTexCoords（=savedModelMatrix，已修改）记录方块所在的位置，vWorldPosition表示方块中像素的偏移。在上面那副图中，聪明的你一定初步猜到了每个方块的纹理是怎么得到的。
计算几何学习
网安小白
09-12 466
学习计算几何过程中对经典算法的记录
关于HarmonyOS的学习
最新发布
m0_72035166的博客
09-16 1145
1.node模块化​​​​// tab()2.path模块// path内置模块，专门用来处理路径​// 获取路径最后一部内容，一般用它来获取文件名称​// 给定的路径连接在一起，可以把路径片段拼成完整路径// const result = path.join('day13', 'code', '03_path模块.js')// const result = path.join('day13', 'code', '../','03_path模块.js')​。
前端学习日记： Day5 - 简单计算与二级联动
"零基础学习前端的第五天，涵盖了HTML元素、JavaScript基础以及事件处理的实践应用。" 在前端开发的学习过程中，HTML和JavaScript是两个核心的组成部分。在这一天的学习中，我们将通过两个实例来深入理解这两个语言...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值