bootstrap 3 parallax

$ Bootstrap 3-introduction and application to 02-Grid, bootstrap02-grid This article mainly includes: ■ Grid Introduction■ Application Grid■ Multiple Grids About Grid In Bootstrap, the page is divided into 12 equal parts, which is the so-called Grid. In Bootstrap, use the class name control, which follows a for

Ueditor component is a set of open source Web online WYSIWYG editor, which has the features of lightweight, customizable, user experience and so on, and is very powerful based on the MIT Protocol. Recently in the use of the process found in the upload of pictures (or insert an existing expression package pictures) can not be normal scaling, select the picture, with the mouse click and drag the picture edge of the small label, the picture can only be reduced can not enlarge. Tried many methods ha

Bootstrap 3 is released. After a few simple steps, we can use the bootstrap style sheet, icons, and JavaScript to configure a simple site.Preparation Bootstrap is not only a code set, but also an online community. To get started, you need to start with a familiar Bootstrap W

The main points of this series come from a book named Twitter Bootstrap web development how-to. However, the content of this book is based on previous versions and is different from the latest version 3.0. To facilitate learning and use Bootstrap 3, replace the content with the current version 3.0. You can buy the original book at Amazon. $17.99. The content of t

; class =" left Carousel-control "data-slide=" prev "href=" #myCarousel ">class =" icon-prev "> class= "rightcarousel-control" data-slide= "next" href= "#myCarouselclass = "icon-next" > 0 Carousel All content is wrapped in a div with class= "Carousel Slide"0 Carousel 3 parts: Dot indication, with OL implementation; pictu

available on larger screens. So, Foundation encourages you to do this: mobile first.If you use the Foundation's Sass media query Mixin, you will find that there is no specific media query to query what the mobile device is, but instead you use media query to define how the larger screen should be displayed.When designing something, consider a desktop, which is likely to be a big problem in supporting a smaller screen, and first consider the phone, will let you focus on what is most important to

"/> css/bootstrap-theme.min.css" rel= "stylesheet"/> css/site.css" rel= "stylesheet"/> As we can see, the navigation content is framed in a rounded rectangular box. If you are not satisfied with the current theme, you can also go to http://bootswatch.com/this site, the site provides bootstrap open source theme. For example, cyborg this theme interested, click the Download button, in the

Tags: utf-8 3.1 doctype Ice class development nbsp ATI span DOCTYPE HTML> HTMLLang= "en"> Head> MetaCharSet= "UTF-8"> title>Bootstrap 3title> Metaname= "Viewport"content= "Width=device-width, User-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> Metahttp-equiv= "X-ua-compatible"content= "Ie=edge"> Linkrel= "stylesheet"href= "Bootstrap/css/bootstrap.min.css"> Lin

The box-sizing style of Bootstrap 3 causes the image of the UEditor control to fail to scale properly, The UEditor component is a set of open-source, WYSIWYG web text editors provided by Baidu. It is lightweight, customizable, and focuses on user experience. It is powerful Based on the MIT protocol. During recent usage, we found that the uploaded images (or inserted images in an existing table package) cann

This article mainly includes: ■ Grid Introduction■ Application Grid■ Multiple Grids About Grid In Bootstrap, the page is divided into 12 equal parts, which is the so-called grid. In Bootstrap, use the class name control, which follows a form similar to ". col-xx-6. The entire page is filled with 2 or 6. Therefore, the number at the end of the class name indicates the number of cells. For examp

HTML5 + Bootstrap study Note 3, html5bootstrap HTML5 aria-* and role Aria is an Accessible Rich Internet Application. Role is used to describe the actual function of a non-standard tag, and aria-* is used to describe the specific information of this tag in a visualized situation. For example 1 What Is ARIA?: WAI-ARIA refers to accessibility web applications. It mainly targets people with disabilities with

Tags: Nim nbsp http Mini IDT Title View 3.1 3.3DOCTYPE HTML>HTMLLang= "en">Head> MetaCharSet= "UTF-8"> title>Bootstrap 3title> Metaname= "Viewport"content= "Width=device-width, User-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> Metahttp-equiv= "X-ua-compatible"content= "Ie=edge"> Linkrel= "stylesheet"href= "Bootstrap/css/bootstrap.min.css"> Linkrel= "stylesheet"hre

BootStrap Metronic development framework-based experience summary [3] use of Select2 plug-in the drop-down list, metronicselect2 In the previous article, based on the BootStrap Metronic Development Framework experience summary [2] use of list paging processing and the JSTree plug-in, this article introduces the paging processing of data, uses the

together. The sticker code is as follows: Ix. embedded content of response characteristics Understand what it means, what is embedded content? How do I embed it? And how do we respond? Embedding: The use of Response: Automatically creates a fixed proportion based on the width of the external container of the embedded content, allowing the browser to automatically determine the size of the video or content, and to scale on a variety of devices. If you want the final style to m

CSS efficient development practices: CSS 3, LESS, SASS, Bootstrap, Foundation-Reading Notes (1) set the background image In addition to computer access to the Internet, tablets, smartphones, Smart TVs, and other devices can access the Internet. In the multi-device era, building a multi-screen experience is not as difficult as we have heard. But does this increase the difficulty of learning CSS? I don't know

The new development of technology, in addition to computers can be connected to the Internet, tablet computers, smartphones, smart TVs and other devices can access the Internet.In the multi-device age, building a multi-screen experience is not as difficult as it is heard. But does this also add to the difficulty of learning CSS? Do not know how to get started, only a bit of basic CSS grammar, in the mobile internet era, we are so outdated ?? Study well, read the "CSS Efficient Development Combat

-AnimationActive-StackingPanel--. Panel-primary-. Panel-sucess-. Panel-info-. panel-warning-. Panel-danger650) this.width=650; "src=" Http://s2.51cto.com/wyfs02/M00/7E/8B/wKiom1cDkt-RUz-cAACmjMEuLwk814.png "title=" Web.png "alt=" Wkiom1cdkt-ruz-caacmjmeulwk814.png "/>Navigation-Rely on JavaScript tab plugin to use Navigation on tab page-tab page--Capsule-Type label page--Vertical Label--Justify on both sides-Navigation bar-Basic navigation bar650) this.width=650; "src=" Http://s1.51cto.com/wyfs0

CSS 3 allows you to set multiple background images, each background image occupies a layer, the layer up and down according to the order in the CSS, the first written background in the top, each layer of the picture definition using commas separated.For example, the following code:[HTML] view Plaincopy background:url (http://dotnet.aspx.cc/Book/Images/CSS1_s.jpg) 00no-repeat, According to the code can be seen, eac

This is a very basic form of bootstrap, but is it so easy to master and understand?(1). For COL-MD Div, the default is vertical arrangement, when the viewport (screen or browser width) >992px,col-md-1 div blocks are arranged horizontally(2). Container The maximum width of the div is adaptive, according to the screen or browser "viewport" width automatically adjusted, for example, when the "viewport" width >=1200px, container div maximum width is 1170p

">I>@mCList [j]. ModuleNamea>Li> Level Two menu -i++; } } } ul> Li> } } ul>Here's the point.$.widget.bridge (' UIButton ', $.ui.button); var_url = $.geturlparam ("CID"); $(". Sidebar-menu li a"). each (function() {//leave the status of the menu open var_id = $ ( This). Data ("