Use BootStrap to create user logon UI and bootstrapui

Use BootStrap to create user logon UI and bootstrapui

First look at the labor results

Layout

1. About half (col-md-6)

2. The logon box on the left accounts for 10/12 of half of the logon box on the left.

3. Considerations for logging on to the system on the right

BootStrap elements used

• Well

• Input-group)

• Button (btn-success)

HTML code

<Div class = "row" style = "margin-top: 30px;"> <div class = "col-md-6" style = "border-right: 1px solid # ddd; & gt; <div class = "well col-md-10" & gt; 
CSS code
. Input-group {margin: 10px 0px; // the top and bottom margins of the input box are 10px, left and right are 0px} h3 {padding: 5px; border-bottom: 1px solid # ddd; // h3 font Bottom Border} li {list-style-type: square; // The list item icon is a small square margin: 10px 0; // The top and bottom margins are 10px} em {// The highlighted style color: # c7254e; font-style: inherit; background-color: # f9f2f4 ;}
This article is first published on top search. For more information, see the source.