Bootstrap学习速查表（三）表单

【Bootstrap学习速查表（三）表单】的更多相关文章

Bootstrap学习速查表（三）表单

表单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文本域和按钮等. 一.基础表单 1.初始化:对于基础表单,Bootstrap并未对其做太多的定制性效果设计,仅仅对表单内的fieldset.legend.label标签进行了定制.如: fieldset {min-width: 0;padding: 0;margin: 0;border: 0;} legend {display: block;width: 100%;padding: 0;margin-bottom: 20px;…

Bootstrap学习速查表（二）排版及表格

一.h1~h6标签固定不同级别标题字体大小,h1=36px,h2=30px,h3=24px,h4=18px,h5=14px和h6=12px. 1.重新设置了margin-top和margin-bottom的值, h1~h3重置后的值都是20px:h4~h6重置后的值都是10px.2.所有标题的行高都是1.1(也就是font-size的1.1倍),而且文本颜色和字体都继承父元素的颜色和字体. 二.h1~h6标签的副标题<small>标签 <h1>Bootstrap标题一<s…

Bootstrap学习速查表（四）栅格系统

Bootstrap框架的网格系统工作原理如下: 1.数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对齐方式和内距(padding).如: 2.在行(.row)中可以添加列(.column),但列数之和不能超过平分的总列数,比如12.如: <div class="container"> <div class="row"> <div class="col-md-4"></div…

Bootstrap学习速查表（一）理论基础

参考网站http://www.bootcss.com/ 第一步,起步,引入基本样式  <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">  <script src…

Bootstrap学习笔记系列3-------Bootstrap简单表单显示

表单布局垂直或基本表单基本的表单结构时BootStrap自带的,创建基本表单的步骤如下: 向父<form>元素添加role = "form": 为了获取最佳的间距,把标签和控件放在一个div.form-group中,div放在父form下: 向所有的文本元素<input>.<textarea>和<select>添加.form-control <!DOCTYPE html> <html> <head>…

深入学习之mysql（三）单表操作

1.创建表的结构和数据 CREATE TABLE `t_student`( `id` INT PRIMARY KEY, `stuName` VARCHAR(10) NOT NULL, `age` INT NOT NULL, `sex` VARCHAR (4), `gradeName` VARCHAR(10) NOT NULL ); 插入数据: INSERT INTO `t_student` (`id`,`stuName`,`age`,`sex`,`gradeName`) VALUES ('1',…