The bootstrap gives the button a rich set of styles, as well as a combination of styles that can be flexibly customized to suit different needs. In the fourth lesson, we introduced a set of buttons to add. Btn-group class, so that a group of buttons together into a small set of function buttons, this is very practical, interested can go to see. (Bootstrap tutorial
', function (e) {//click submit after//Prevent form submission E.preventdefault (); Get the form instance var $form = $ (e.target); Get the Bootstrapvalidator instance var bv = $form. data (' bootstrapvalidator '); Use the Ajax to submit form data submitted to the form tag in the Action,result custom $.post ($form. attr (' action '), $form. serialize (), functi On (result) {//do something ...}); });});:Abnormal:uncaught rangeerror:maximum Call stack size ExceededeNo
This article mainly shares the learning notes on JS plug-in rolling listening in the Bootstrap tutorial. The content is very detailed. Interested friends can refer to this article to learn about the JavaScript plug-in-rolling listening.
1. Case studies
The scroll listening plug-in can automatically update the corresponding navigation tag based on the position of the scroll bar. You can scroll through this
I. Methods of UseSecond, HTML structureData-toggle= "dropdown" aria-haspopup= "true" aria-expanded= "false" >Action Third, initialize the plug-inMethod One:$.fn.bootstrapdropdownhover ({Configuration parameters});Method Two:$ (' [data-toggle= ' dropdown '] '). Bootstrapdropdownhover ({});If it is a navbar, it can be initialized in the following way:$ ('. NavBar [data-toggle= "dropdown"] '). Bootstrapdropdownhover ({});Iv. methods$ (selector). Bootstrapdropdownhover (methodName, parameter);Keymob
Http://jingyan.baidu.com/article/6f2f55a1852aa1b5b83e6c5a.htmlWe all know that bootstrap3.0 uses four raster options to form a grid system, these four options on the official website, such as many people do not understand, here with you to explain the difference between the four grid options, in fact, only one is suitable for different sizes of screen equipment. We look at the class prefix this, we would like to name these four kinds of raster options, they are col-xs, COL-SM,COL-MD,COL-LG, we k
1, text and input boxes before and after the arrangement:
Code:
2, Text and input box up and down:
Code:
The above content is small set to introduce the BOOTSTRAP3.0 Construction Station Tutorial (a) of the bootstrap form elements of the relevant knowledge, I hope to help you!
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.