Bootstrap
文章平均质量分 90
李同学上课啦
一位很努力学习的码农
展开
-
Bootstrap_05
7 小标签通过 .label 实现小标签,用于提示类。<h1>h1标题 <span class="label label-default">标签</span></h1><h2>h2标题<span class="label label-default">标签</span></h2><h3>h3标题<span class="label label-default">标签</原创 2021-09-01 12:13:56 · 266 阅读 · 0 评论 -
Bootstrap_04
1 下拉菜单Bootstrap 中的下拉菜单依赖于 .dropdown 类,或者添加了 position: relative; 的元素。<div class="dropdown"> <div class="btn btn-default" data-toggle="dropdown">个人中心 <span class="caret"></span></div> <ul class="dropdown-menu">...原创 2021-09-01 11:47:30 · 453 阅读 · 0 评论 -
Bootstrap_03
7 表单7.1 基本实例设置了 .form-control 类的表单元素,默认设置宽度属性为 width: 100%;。将 label 元素和表单元素包裹在 .form-group 中可以按照排好的样式进行展示。<form action="#" method="post"> <div class="form-group"> <label for="email1">邮箱地址</label> <inp...原创 2021-09-01 10:58:29 · 352 阅读 · 0 评论 -
Bootstrap_02
4 排版使用 Bootstrap 的排版特性,您可以创建标题、段落、列表及其他内联元素,实际上它是把大部分在HTML的基本标签加了样式。所以这部分相对比较简单。4.1 标题h1-h6 重新定义样式,HTML 中的所有标题标签,<h1> 到 <h6> 均可使用。增加了 .h1 到 .h6 类,为的是给内联(inline)属性的文本赋予标题的样式。 .h1 字体大小 36px .h2 字体大小 30px .h3 字体大小 24px原创 2021-09-01 10:07:18 · 244 阅读 · 0 评论 -
Bootstrap_01
1 什么是 Bootstrap?Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使 Web 开发更加快捷。它对 HTML、CSS 和 JavaScript 进行了封装,使它们使用起来更方便。我们只需要使用它已经设定好的类,或规则,即可快速应用它提供的功能。Bootstrap 使用了一些 HTML5 元素和 CSS3 属性(如媒体查询)。为了让这些正常工作,需要使用 HTML5 文档类型。如果在 B原创 2021-09-01 08:50:58 · 166 阅读 · 0 评论