首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Bootstrap
俺老刘
创建于2021-06-03
订阅专栏
Bootstrap前端框架系列教程
等 164 人订阅
共30篇文章
创建于2021-06-03
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
俺老刘
1年前
前端
Bootstrap
Bootstrap落伍了?那主流的前端框架都有哪些?
「这是我参与11月更文挑战的第1天,活动详情查看:2021最后一次更文挑战」。 在我上一期写Bootstrap专栏系列文章的时候就有很多朋友回复说,你写点流行的东西吧,Bootstrap落伍了,已经被
1.1w
15
3
俺老刘
1年前
前端框架
前端
《Bootstrap5零基础到精通》第29节 Bootstrap5 读取图标Spinners组件用法
使用Bootstrap读取图标以表示元件加载状态,这些读取图标完全使用HTML,CSS,而没有使用到JavaScript。它们的外观、对齐以及尺寸都可以通过通用类来自定义
737
21
1
俺老刘
1年前
前端
《Bootstrap5零基础到精通》第28节 Bootstrap5吐司消息Toasts组件用法
吐司(Toasts)是一种轻量级通知,旨在模仿移动和桌面操作系统已经普及的推送通知。它们是用flexbox构建的,所以它们很容易对齐和定位。和弹出提示一样,吐司消息也需要自己初始化
4644
21
9
俺老刘
1年前
前端
《Bootstrap5零基础到精通》第27节 Bootstrap5弹出提示和工具提示组件用法
这是我参与更文挑战的第27天,活动详情查看: 更文挑战 27.1 概述 这几要讲两个控件:弹出提示(Popovers)和工具提示(Tooltips),这两个组件功能都很单一,用法也很简单,有很多相似之
4330
22
9
俺老刘
1年前
前端
《Bootstrap5零基础到精通》第26节 Bootstrap5模态弹框Modal组件用法
这是我参与更文挑战的第26天,活动详情查看: 更文挑战 26.1 Bootstrap5模态弹框工作原理 使用Bootstrap的JavaScript模式插件将对话框添加到站点中,用于灯箱、用户通知或完
6737
23
2
俺老刘
1年前
前端
《Bootstrap5零基础到精通》第25节 Bootstrap5列表群组List group组件用法
列表组是显示一系列内容的灵活而强大的组件。Bootstrap修改和扩展它们以支持其中的任何内容。 最基本的列表组是一个无序的列表,其中包含列表项和适当的类。在它的基础上使用下面的选项,或者根据需要使用
7205
18
1
俺老刘
1年前
前端
《Bootstrap5零基础到精通》第24节 Bootstrap5分页导航Pagination组件用法
分页导航一般用于文章列表页、下载列表、图片列表等,由于数据很多,不可能在一页显示,一般分页导航包括上一页、下一页、数字页码等。
7574
19
评论
俺老刘
1年前
Bootstrap
《Bootstrap5零基础到精通》第23节 Bootstrap5下拉菜单组件用法
下拉菜单(Dropdowns)和表单里面的下拉列表(Select)具有很多外观上的相似性,但却有着本质的不同,下拉列表使用的是Select表单,而下拉菜单(Dropdowns)使用的是div和css实
8556
22
3
俺老刘
1年前
前端
《Bootstrap5零基础到精通》第22节 Bootstrap5 Carousel 图片轮播组件用法
这是我参与更文挑战的第22天,活动详情查看: 更文挑战 22.1 轮播组件 轮播(Carousel)是一种幻灯片放映组件,用于在元素、图像或文本幻灯片(如旋转木马)之间循环播放。
8754
14
评论
俺老刘
1年前
前端
《Bootstrap5零基础到精通》第21节 Bootstrap5 Card卡片组件用法
Bootstrap的卡提供了一个灵活的、可扩展的内容容器,其中包含多种变体和选项。卡片被设计成尽可能的少用一些标记和样式,它们可以更方便的对齐,并与其它的Bootstrap元件良好混合。预设中它并没有
8580
15
评论
俺老刘
1年前
前端
《Bootstrap5零基础到精通》第20节 Bootstrap5 Button group按钮组用法
这是我参与更文挑战的第20天,活动详情查看: 更文挑战 20.1 简单例子 将一系列按钮组合在一行上,或将它们堆叠在一个垂直的列中,用.btn-group包装,就组成了一个按钮组。 这些类也可以添加到
1.1w
24
评论
俺老刘
1年前
前端
《Bootstrap5零基础到精通》第19节 Bootstrap5按钮Buttons组件用法
这是我参与更文挑战的第19天,活动详情查看: 更文挑战 19.1 按钮标签 .btn类设计用于button元素。但是,您也可以在a或input元素上使用这些类。下面是几个例子及效果,从外观上来看几乎没
4335
15
1
俺老刘
1年前
前端
《Bootstrap5零基础到精通》第18节 Bootstrap5 Badge徽章图标组件用法
徽章通常用于导航栏、标题、按钮、头像右侧的一个小区域,用于计数(如n条未读消息)或标识新发布new、热门hot等。通过使用相对字体大小和em单位,徽章可以缩放以匹配直接父元素的大小。
5866
21
6
俺老刘
1年前
前端框架
《Bootstrap5零基础到精通》第17节 Bootstrap5警告框Alerts组件用法
大家看到Alerts这个单词不要和js中的Alert警告窗相混淆,二者没什么联系。 Bootstrap5警告框,官方的定义是为典型用户操作提供上下文反馈消息,并提供少量可用且灵活的警报消息。官方的定
5220
14
评论
俺老刘
1年前
前端
《Bootstrap5零基础到精通》第16节 Bootstrap5手风琴组件用法
手风琴(Accordion)组件非常类似于选项卡,只不过它不是横向排列,而是竖向排列,结合自带的JavaScript插件无需手写js就可以实现折叠的垂直内容。手风琴通常用于后台面板垂直导航菜单、前台折
6592
16
评论
俺老刘
1年前
前端
《Bootstrap5零基础到精通》第15节 Bootstrap5 面包屑导航组件用法
这是我参与更文挑战的第15天,活动详情查看: 面包屑导航一般用在网站顶部导航条下,指示当前页在导航层次结构中的层次,一般用>或者|及空格间隔,Bootstrap5 面包
6122
12
评论
俺老刘
1年前
前端
Bootstrap
《Bootstrap5零基础到精通》第14节 Bootstrap5滑动导航组件用法
滑动导航(Offcanvas)是一个侧边栏组件,可以通过JavaScript进行切换,从窗口的左、右或下边缘显示和隐藏,在项目中常用来构建可隐藏的侧边栏,用于导航、购物车等。
9193
28
3
俺老刘
1年前
前端框架
前端
《Bootstrap5零基础到精通》第13节 Bootstrap5导航工具条(Navbar)组件用法
Bootstrap导航工具条(Navbar)与上一节学习的导航比,功能强大,且是响应式的,结构包括包括品牌、导航、表单等,以及针对折叠插件的支持。在开始使用导航条之前,您需要了解以下内容:
7079
21
2
俺老刘
1年前
前端
《Bootstrap5零基础到精通》第12节 Bootstrap5导航和选项卡组件用法
导航栏是网站系统必须的功能,以前为了做好一个导航栏,需要花很多的功夫,现在有了 Bootstrap5导航,从此做一个漂亮的导航栏,只是片刻功夫复制粘贴就可以完成。
4018
24
评论
俺老刘
1年前
前端
《Bootstrap5零基础到精通》第11节 Bootstrap的表格用法
在html标签table加上基本类别 .table就可以使用Bootstrap的表格可选修饰类别或是自定义样式进行扩展。所有表格样式在Bootstrap中都不会继承,意味着嵌套表格的样
7037
29
2
下一页
温馨提示
当前操作失败,如有疑问,可点击申诉