How to use bootstrap to make a login page

Editor to share with you how to use bootstrap to make login page, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

1. Modify the style

We adjust our background color by using background-color, and the code is as follows:

# from {background-color: # 96b97d;}

We can see from the code that when we adjust it, we can only add a background color to the form, or we can add a background color to the entire page. The code is as follows:

Body {background-color: # 96b97d;}

You can also use body to set the background photo, as shown in the following code:

Body {background:url (.. / img/login_bg_0.jpg) # f8f6e9;}

Second, the code part

Users log in to # from {background-color: # 96b97d;} .mycenter {margin-top: 100px; margin-left: auto; margin-right: auto; height: 350px; width: 500px; padding: 5% Padding-left: 5%; padding-right: 5%;} .mycenter mysign {width: 440px;} .mycenter input, checkbox, button {margin-top: 2%; margin-left: 10%; margin-right: 10% } .mycheckbox {margin-top: 10px; margin-left: 40px; margin-bottom: 10px; height: 10px;} $(function () {$('# btn') .click (function (e) {_ window.location.href = "main.aspx" );}) Please log in Remember the password login above is all the content of the article "how to use bootstrap to make a login page" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!