一、Bootstrap：
1.1概念： 一个前端开发的框架，Bootstrap，来自 Twitter，是目前很受欢迎的前端框架，Bootstrap是基于HTML、CSS、JavaScript的，它简洁灵活，使得Web开发更加快捷。
2024年08月09日
一、Bootstrap：
1.1概念： 一个前端开发的框架，Bootstrap，来自 Twitter，是目前很受欢迎的前端框架，Bootstrap是基于HTML、CSS、JavaScript的，它简洁灵活，使得Web开发更加快捷。
2024年08月09日
大学生就可以看懂的bootstrap基础实战系列，pre标签里是笔记总结，动手实际操作一下会加强理解。有疑问留言交流哦。
bootstrap是进阶html5很基础常用的前端框架，可以做自适应漂亮的界面，再坚持一下，前端知识的大门就会打开了。
2024年08月09日
使用 CSS 最困难的部分之一是处理CSS的权重值，它可以决定到底哪条规则会最终被应用，尤其是如果你想在 Bootstrap 这样的框架中覆盖其已有样式，更加显得麻烦。不过随着 CSS 层的引入，这一切都发生了变化。 这个新功能允许您创建自己的自定义 CSS 层，这是有史以来第一次确定所有 CSS 代码权重的层次结构。 在本文中，我将剖析这对您意味着什么，它是如何工作的，以及您今天如何开始使用它。
2024年08月09日
bootstrap是一个前端ui框架，它把我们网页开发常用的功能都写好了，我们使用它可以像搭积木一样的轻松的开发网站，不过现在都流行前后端分析了，而且layui也比较好用，个人觉得无论哪个ui框架，我们用熟悉了就好，不要纠结使用什么框架，什么技术，主要是要用熟。
2024年08月09日
慧都控件网写道 "Bootstrap前端开发框架大家都比较熟悉了，现在很多网站都采用了这款框架。下面推荐的这10款Bootstrap HTML & CSS UI工具包都是高度可定制的，你可以直接拿来用，也可以根据自己的需要进行再创造。当然，这其中一定有熟悉的身影，但千万不要错过其他新的工具。
CSS3 UI Kit包含了GUI设计的各种图标，按钮、单选按钮、复选框……应有尽有。它还提供了PSD文件，供大家自行发挥创意。
2024年08月09日
Bootstrap 是一个非常有效的前端开发工具包。 由于其预定义的实用程序类，您可以创建连贯的用户界面，而无需定义自定义 CSS。 在本文中，我们将讨论在 React 应用程序中使用它的理想方法。
2024年08月09日
将讲解字体图标(Glyphicons)，并通过一些实例了解它的使用。Bootstrap 捆绑了 200 多种字体格式的字形。首先让我们先来理解一下什么是字体图标。
什么是字体图标？
字体图标是在 Web 项目中使用的图标字体。虽然，Glyphicons Halflings 需要商业许可，但是您可以通过基于项目的 Bootstrap 来免费使用这些图标。
2024年08月09日
Shards 采用了最新 Bootstrap 4 前端框架制作的，外观简约而时尚，风格与现代流行的扁平化相当合衬！此外不仅仅拥有 HTML/CSS/SASS 格式模板，还有 Sketch 设计源文件，可见分享者的贴心。
目前从官方介绍来看，UI组件还相当齐全，可用它来快速搭建漂亮、时尚的网页和UI设计作品，下面一起来看看介绍。
2024年08月09日
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>下拉菜单</title>
<link rel="stylesheet" type="text/css"
href="bootstrap/css/bootstrap.min.css"/>
<script src="js/jquery-3.4.1.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<!--
下拉菜单
1.类名：.dropdown或.btn-group的div包裹整个下拉框
<div class="dropdown"></div>
2.默认向下dropdown，向上弹起加入.dropup即可
3.使用button作为父菜单，使用类名：.dropdown-toggle和
自定义data-toggle属性
<button type="button" class="btn btn-default dropdown-toggle"
data-toggle="dropdown"></button>
4.在button中使用font制作下拉箭头
<span class="caret"></span>
5.下拉菜单项使用一个ul列表，并且定义一个类名为"dropdown-menu"
6.分组分割线：<li>添加类名"divider"来实现添加下拉分隔线的功能
7.分组标题：<li>添加类名"dropdown-header"来实现分组功能
8.对齐方式：
1)、dropdown-menu-left 左对齐 默认样式
2)、dropdown-menu-right 右对齐
9.激活状态：.active和禁用状态.disabled
-->
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
电影类型
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li class="dropdown-header">-- 动作 --</li>
<li><a href="#">速度与激情9</a></li>
<li class="divider"></li>
<li class="dropdown-header">-- 喜剧 --</li>
<li><a href="#">这个杀手不太冷静</a></li>
<li class="divider"></li>
<li class="dropdown-header">-- 科幻 --</li>
<li><a href="#">月球陨落</a></li>
<li class="divider"></li>
<li class="dropdown-header">-- 战争 --</li>
<li><a href="#">长津湖之水门桥</a></li>
<li class="divider"></li>
<li class="dropdown-header">-- 恐怖 --</li>
<li><a href="#">生化危机</a></li>
</ul>
</div>
</body>
</html>