随笔分类 -  前端工具->UI库

推荐几个好用的Bootstrap后端UI代码库
摘要：工欲善其事，必先利其器 对于从事软件开发的您也一样，有一套熟悉的bootstrap后台ui框架，bootstrap 后端模板让您的开发速度大幅度提升 第一名 inspinia bootstrap 后端模板 演示地址 http://www.inspinia.net 效果图 第二名 nifty admi 阅读全文
posted @ 2021-10-13 15:55 无风何其浪 阅读(325) 评论(0) 推荐(0)
免费开源好看的bootstrap后台模板
摘要：原文链接：(5条消息) 推荐一些免费开源好看的bootstrap后台模板_风雅的远行者的博客-CSDN博客_bootstrap 后台模板 阅读全文
posted @ 2021-10-08 17:21 无风何其浪 阅读(138) 评论(0) 推荐(0)
BootStrap 轮播效果
摘要：一．轮播效果 1. 一个最简单的经典幻灯片轮播效果，如下： <div class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <img s 阅读全文
posted @ 2021-10-08 10:21 无风何其浪 阅读(219) 评论(0) 推荐(0)
BootStrap 下拉菜单
摘要：一．下拉菜单 1. 下拉菜单组件依赖于 Popper.js，而 Bootstrap 组件包里没有这个文件；2. 但组件包里 bootstrap.bundle.js 已经包含了这个组件功能，使用这个即可；3. 只要将将 bootstrap.bundle.js 替代掉 bootstrap.js 即可；4 阅读全文
posted @ 2021-09-29 13:48 无风何其浪 阅读(692) 评论(0) 推荐(0)
BootStrap 卡片
摘要：卡片1. 卡片是一个内容扩展管理器，可以包含图片、列表、文本、链接等多种组合；2. 先使用.card 来构建卡片，然后可以使用.card-body 建立卡片主体内容；<div class="card" style="width: 300px;"> <div class="card-body"> 卡片 阅读全文
posted @ 2021-09-29 13:43 无风何其浪 阅读(521) 评论(0) 推荐(0)
BootStrap 按钮和按钮组
摘要：内容选自李炎恢的Bootstrap v4.x教程笔记 一．按钮样式 1. 使用.btn 和.btn-*实现按钮的预设样式； <button type="button" class="btn btn-primary">Bootstrap4.x</button> <button type="button 阅读全文
posted @ 2021-09-29 11:49 无风何其浪 阅读(716) 评论(0) 推荐(0)
BootStrap 徽章和面包屑导航
摘要：内容选自李炎恢的Bootstrap v4.x教程笔记 一．徽章样式 1. 使用.badge 设置徽章基础样式，并使用.badge-success 等设置徽章颜色； <h1>Bootstrap <span class="badge badge-secondary">4.x</span></h1> <h 阅读全文
posted @ 2021-09-29 11:43 无风何其浪 阅读(156) 评论(0) 推荐(0)
BootStrap 警告提示框
摘要：内容选自李炎恢的Bootstrap v4.x教程笔记 一．警告框样式 1. 使用.alert 设置警告框基础样式，并使用.alert-success 设置警告框颜色； <div class="alert alert-success">Bootstrap4.x</div> <div class="al 阅读全文
posted @ 2021-09-29 11:39 无风何其浪 阅读(736) 评论(0) 推荐(0)
BootStrap Flex弹性布局
摘要：内容选自李炎恢的Bootstrap v4.x教程笔记 一．Flex 样式 1. 使用.d-flex 和.d-inline-flex 实现开启 flex 布局样式； <div class="d-flex">Flex 弹性布局</div> 2. 这一对样式，也支持响应式的媒体查询：.d-*-flex；3 阅读全文
posted @ 2021-09-29 11:15 无风何其浪 阅读(592) 评论(0) 推荐(0)
Bootstrap 工具类
摘要：公共样式1. 使用.close 和&times 构建一个关闭按钮； <button type="button" class="close" aria-label="关闭"> <span aria-hidden="true">&times;</span> </button> 2. 使用.clearfi 阅读全文
posted @ 2021-09-29 10:51 无风何其浪 阅读(718) 评论(0) 推荐(0)
BootStrap 边框和颜色
摘要：一．边框样式 1. 使用.border 给元素增加相应的边框，默认是淡灰色；2. 如果颜色太淡，可以使用.border-*设置想要的场景，比如.border-success；3. .border-*，包含：primary、secondary、success、danger、warning、info、l 阅读全文
posted @ 2021-09-29 10:40 无风何其浪 阅读(1897) 评论(0) 推荐(0)
Bootsstrap 表格样式
摘要：一．表格样式 1. 使用.table 给表格设置一个基类，这是表格的基本样式； <table class="table"> <thead> <tr> <th>ID</th> <th>姓名</th> <th>性别</th> <th>总成绩</th> </tr> </thead> <tbody> <tr 阅读全文
posted @ 2021-09-29 10:20 无风何其浪 阅读(123) 评论(0) 推荐(0)
BootStrap v4.x 代码和图文
摘要：一．代码样式 1. 使用<code>标签元素，可以将编程代码放入其中，但还是要手动转义特殊符号； <code> &lt;div&gt; </code> 2. 使用<pre>标签元素，配合<code>实现代码块的效果； <pre class="pre-scrollable" style="width: 阅读全文
posted @ 2021-09-29 10:16 无风何其浪 阅读(175) 评论(0) 推荐(0)
Bootstrap 对齐和排列
摘要：对齐与排列 row样式居左(默认) .justify-content-start居中 .justify-content-center居右 .justify-content-end间隔相等(分散) .justify-content-around两端对齐(分散) .justify-content-bet 阅读全文
posted @ 2021-09-28 18:04 无风何其浪 阅读(1709) 评论(0) 推荐(0)
Ace admin（国外开源前端UI库）
摘要：GIT：https://github.com/bopoda/ace 官网：http://ace.jeka.by 参考：https://www.cnblogs.com/LeeScofiled/p/6733625.html 阅读全文
posted @ 2021-09-22 11:13 无风何其浪 阅读(743) 评论(0) 推荐(0)