- 博客(6)
- 收藏
- 关注
RSS订阅原创 BootStrap入门学习笔记(五)
表单控件 BootStrap支持input、textarea、checkbox、radio和select等 输入框(Input) 最常见的输入框 <form role="form"> <div class="form-group"> <label for="name">标签</label> <input type="text" class="form-control" placeholder="文本输入"> </div
2020-05-29 17:34:53
303
原创 运用BootStrap之制作一个简单的登录页面
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>账号登录</title> <link rel="stylesheet" href="https://cdn.
2020-05-29 13:19:09
4823
原创 BootStrap入门学习笔记(四)
表格 表格元素 BootStrap提供了一个清晰的创建表格的布局。 标签 描述 <table> 为表格添加基础样式 <thead> 表格标题行的容器元素，用来标识表格列 <tbody> 表格主体中的表格行的容器元素 <tr> 一组出现在单行上的表格单元格的容器元素 <td> 默认的表格单元格 <th> 特殊的表格单元格，用来标识列或行(取决于范围和位置)。必须在<thead>中使用 &
2020-05-25 13:20:06
229
原创 BootStrap入门学习笔记(三)
BootStrap排版 BootStrap默认定义了标题、段落、列表及其他内联元素的特性。 内联子标题：如果需要向任何标题添加一个内联子标题，只需要简单地在元素两旁添加<small>，或者添加.samll的class类，这样子就能得到一个字号更小、颜色更浅的文本字体。 引导主体副本：为了给段落添加强调文本，则可以添加class="lead"，这样将得到更大更粗、行高更高的文本。 强调：HTML的默认强调标签<small>、<strong>、<em>。Boot
2020-05-24 19:58:37
326
原创 BootStrap入门学习笔记(二)
BootStrap网格系统(Grid System) BootStrap提供了一套响应式、移动设备优先的流式网格系统，随着屏幕或视口(Viewport)尺寸的增加，系统会自动分为最多12列。 BootStrap网格系统的工作原理 网格系统通过一系列包含内容 的行和列来创建页面布局。 媒体查询 媒体查询是非常别致的“有条件的CSS规则”。它只适用于一些基于某些规定条件的CSS。如果满足相应的条件，则应用相应的样式。 /*超小设备(手机，小于768px)*/ /*BootStrap中默认情况下没有媒体查询*/
2020-05-24 12:20:17
204
原创 BootStrap入门学习笔记(一)
BootStrap环境安装 下载地址： http://getbootstrap.com/ BootStrap CSS概述 BootStrap使用了一些HTML5元素和CSS属性。因此，需要在项目的开头对HTML5进行声明` 移动设备优先是自BootStrap3版本以来的一大改变，为了让BootStrap开发的网站对移动设备友好，确保适当的绘制和触屏缩放，需要在网页的head之中添加viewport meta标签，如下所示： <meta name="viewport" content="widt
2020-05-23 12:15:53
557
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人