Bootstrap tutorial JS plug-in rolling listening learning notes sharing, bootstrap learning notes
This article mainly describes the JavaScript plug-in-rolling listener.
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 page to see the changes i
Bootstrap tutorial JS plug-in pop-up box learning notes sharing, bootstrap learning notes
This article mainly describes the JavaScript plug-in-pop-up box.
Case
Add a small cover layer for the page content, just like the effect on the iPad, to add additional information to the page element.
Let's look at a few simple static cases.
Simple results mainly include st
This article mainly introduces the Application and Bootstrap usage in the ZendFramework tutorial, and analyzes the functions of Application and Bootstrap in detail based on the instance form. the usage skills and related precautions are as follows, you can refer to the examples in this article to describe the Application and
Bootstrap is based on HTML, CSS, and JAVASCRIPT. It is concise and flexible, making Web development faster. This article will share with you the Bootstrap streamlining tutorial. If you are interested in the Bootstrap streamlining tutorial, you will learn
reference and learning. Http://twitter.github.com/bootstrap/index.htmlReferences and extended reading:The origins and development of 1.Bootstrap. http://www.alistapart.com/articles/building-twitter-bootstrap/Introduction and comparison of 2.Less and sass. http://coding.smashingmagazine.com/2011/09/09/an-introduction-to-less-and-comparison-to-sass/3.HTML5 Templat
Introduction to Bootstrap in the JavaScript reinforcement tutorial
What is Bootstrap?
Bootstrap is a front-end framework used to quickly develop Web applications and websites. Bootstrap is based on HTML, CSS, and JAVASCRIPT.
History
Boot
Bootstrap installation is very easy. This article is my study summary, easy to query after learning, but also hope to bring help to everyone.
First, download BootstrapYou can download the latest version of Bootstrap from http://getbootstrap.com/. When you click on this link, you will see the following page:
You will see two buttons:
Download Bootstrap: downl
Bootstrap Chinese Document tutorial
Bootstrap Chinese Document tutorial
Global style and grid layout-Bootstrap Chinese User Guide
Global style 1. HTML5 Document Type
The CSS attributes and HTML elements used by bootstrap depend on
Zero-Basic Bootstrap tutorial (2)
What is Bootstrap?
Bootstrap is a front-end framework used to quickly develop Web applications and websites. Bootstrap is based on HTML, CSS, and JAVASCRIPT.
History
Bootstrap was developed by Mar
by bootstrap Chinese web. When we download the bootstrap, we refer to the local library file:[HTML]View Plaincopy
link rel= "stylesheet" href="Css/bootstrap.min.css">
[HTML]View Plaincopy
script src="Js/bootstrap.min.js">script>
script src="Js/jquery-2.1.4.min.js">
3. Use bootstrap to provide us with styles and effec
A detailed tutorial on the Bootstrap framework (2 ).
Bootstrap, from Twitter, is currently the most popular front-end framework. Bootstrap is based on HTML, CSS, and JAVASCRIPT. It is concise and flexible, making Web development faster.
1. Download Bootstrap
Bootstrap table tutorial -- getting started with basic usage, bootstraptable
I read a lot of articles when querying the bootstrap table data and found that many articles have written examples on how to use bootstrap table. Of course, the best example is the official website. However, for some technical personnel, the e
1, Bootstrap downloadBootstrapChinese webto beBootstrapdedicated to building their own freeCDNAcceleration Services. Based on the domestic cloud manufacturersCDNservices, faster access, more accelerated effects, no speed and bandwidth limitations, and permanent free. That is, you can use bootstrap without downloading bootstrap.
Related reading:
Bootstrap Introductory Tutorial (i) Visual layout
Bootstrap Getting Started Tutorial (ii) fixed built-in style
Bootstrap grid (grid system)
With the increase of the size of the screen or viewport (viewport), the response grid system is automatically divi
Related reading:
Bootstrap Introductory Tutorial (i) Visual layout
HTML5 Document Type (Doctype)
Bootstrap uses some HTML5 elements and CSS properties, so you need to use HTML5 document types.
Mobile device Preferred
The width is set to device-width to ensure that it renders correctly on different devices.
initial-scale=1.0 make su
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
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
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 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.