bootstrap grid tutorial

fade-out effect fade, while in indicates that the preferred content is displayed by default.// You can also replace it with a capsule // Data-target Data-target binding or not binding works the same. // Use JavaScript to directly use the tab method. $ ('# Nav '). on ('click', function (e) {e. preventDefault (); $ (this ). tab ('show ');}); // Event, which is similar to $ ('# nav A'). on ('Show. bs. tab', function () {alert (' triggered when tab is called! ') ;}); $ (' # Nav A'). on

pixel px) */@ media (min-width: pixel px ){. text h2 {font-size: 26px ;}. text p {font-size: 18px ;}. tab2-text {float: left ;}. tab2-img {float: right ;}} JS control vertical center $('.text').eq(0).css('margin-top', ($('.auto').eq(0).height() - $('.text').eq(0).height()) / 2 + 'px');$(window).resize(function() { $('.text').eq(0).css('margin-top', ($('.auto').eq(0).height() - $('.text').eq(0).height()) / 2 + 'px');});$('.text').eq(1).css('margin-top', ($('.auto').eq(1).height() - $('.text')

Data property, the option name needs to be placed after data-, such as data-animation= "". Method $ (). PopOver (Options) Initializes a pop-up box for a set of elements. $ (' #element '). PopOver (' show ') Displays a pop-up box. $ (' #element '). PopOver (' hide ') Hides the pop-up box. $ (' #element '). PopOver (' toggle ') Show or hide the pop-up box. $ (' #element '). PopOver (' Destroy ') Hide and destroy the pop-up box. Event $ (' [Data-toggle=popover] '). On (' Sh

', 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

JS (click to hang and click to remove)This is a layerBootstrap: ( responsive design : Bootstrap's responsive CSS adapts to desktops, tablets and phones)Http://www.runoob.com/bootstrap/bootstrap-navbar.html related pagesAdd in head: core jquery file Core JS fileHere the link href and script src are style insert addresses9.27JS expansion, Bootstrap rookie

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