bootstrap source code parsing part

A, form (basic form, an inline form, horizontal form)
`` `HTML
<form class =" form-inline ">
<div class =" form-Group ">
<label> </ label>
<INPUT type =" text "class =" form-Control "/>
</ div>
</ form>
` ``
`` `CSS
/ * do not form a single-inline style * /
.form-inline-Group {.form
the display: inline-Block ;
margin-bottom: 0;
Vertical-align = left: Middle;
}
.form {Control-inline-.form
the display: inline-Block;
width: Auto;
Vertical-align = left: Middle;
}
/ * form a separate style-Control * /
{Control-.form
the display: Block;
width: 100%;
height: 34px;
padding:6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
}
```
```css
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}

.form-horizontal .control-label {
padding-top: 7px;
margin-bottom: 0;
text-align: right;
}
```

Guess you like

Origin www.cnblogs.com/gushixianqiancheng/p/10962882.html