BootStrap Intelligent Form Combat Series (v) Form-dependent plug-in handling _javascript tips

What is Bootstrap?

Bootstrap is a front-end framework for rapid development of Web applications and Web sites. Bootstrap is based on HTML, CSS, and JAVASCRIPT.

History

Bootstrap was developed by Twitter's Mark Otto and Jacob Thornton. Bootstrap is an Open-source product released on GitHub in August 2011.

Contents of Bootstrap Package

Basic structure: Bootstrap provides a basic structure with a grid system, link styles, and backgrounds. This will be explained in detail in the BOOTSTRAP basic structure section.

Css:bootstrap Features: Global CSS settings, definition of basic HTML element styles, extensible class, and an advanced grid system. This will be explained in detail in the Bootstrap CSS section.

Component: Bootstrap contains more than 10 reusable components for creating images, drop-down menus, navigation, warning boxes, pop-up boxes, and more. This is explained in detail in the Layout Components section.

JavaScript plugin: Bootstrap contains more than 10 custom JQuery plug-ins. You can include all of the plug-ins directly, or you can include them individually. This will be explained in detail in the Bootstrap plugin section.

Customization: You can customize Bootstrap components, less variables, and jQuery plug-ins to get your own version.

All of the above are for the theme of bedding, the following to introduce the form to rely on plug-in processing knowledge, the specific contents are as follows.

This chapter is relatively simple Oh, is mainly the production of form elements after some post-processing operations, such as the date of the plug-in rendering, some AutoComplete processing, in the callback inside processing can be,

Demo

("Input.date-picker"). DatePicker ({format: ' Yyyy-mm-dd ', autoclose:true}). Next ("Span.input-group-btn"). Bind (" Click, function () {("Input.date-picker"). DatePicker ({format: ' Yyyy-mm-dd ', autoclose:true}). Next (" Span.input-group-btn "). Bind (" click ", Function () {(this). Prev (". Date-picker "). DatePicker (" show ");

This segment relies on the bootstrap DatePicker plug-in, which is not introduced in the current project, so it is not in detail.

The above is a small set to introduce the Bootstrap intelligent Form Combat Series (v) Form relies on plug-in processing of all the narrative, I hope to help you, if you have any questions please give me a message, small series will promptly reply to everyone. Here also thank you very much for the cloud Habitat Community website support!