bootstrap 3 parallax

1. Icons: 2. Button: 3, Button size: 4. Display the icon in the button: 5. Drop-down menu: Interaction: Listen for each menu click event, click on the title to display the current menu $ ('. Dropdown-item '). Click (function () { $ (' #dropdown-title '). Text ($ (this). text ()); }); 6. Input box: 7. Navigation bar: 8. Form:

Bootstrap basic learning note (3) grid introduction, bootstrap note Grid System:The implementation principle of the grid system is very simple. It only defines the container size and splits 12 parts equally (24 or 32 parts equally, but 12 parts are the most common ), then adjust the internal and external margins, and finally combine the media query to create a po

Bootstrap is the base of the three core content, that is, the basic CSS layout syntax. It includes basic typography (typography), Code, tables (Tables), Forms (Forms), buttons (Buttons), pictures (Images), helper Classes (helper Classes), and responsive design (responsive Utilities).This program is recorded: Overview Basic layout Code Form Form Button Image Auxiliary styles OverviewHTML5 Document TypeSince

Bootstrap my learning record 3 navigation bar understanding, bootstrap navigation bar The following theoretical content is copied from the Bootstrap Chinese Network (a good bootstrap learning website) Navigation bar default style navigation bar A navigation bar is a basic re

method One: Do not recommend the use of *{}selectors, because in some other style plug-ins, special parts will have a better font style settings, with * will be all covered. After normal introduction of bootstrap CSS style, remember to put the custom style sheet after it, {font-family:Microsoft Yahei, ' Arial ', Tahoma, Helvetica, Arial, ' \5b8b\4f53 ', Sans-serif;}Replace preferred font with Microsoft Black, write font name compatibility better in En

[Bootstrap] component (3): bootstrap component Input box Group Add additional element. input-group-addon Outsourcing element. input-group> input-group-addon + form-control Input box group size Control class. input-group-*:. input-group-lg/. input-group-sm Add one or more additional elements Nested single-or multiple-choice button elements in additional elemen

Bootstrap optimizes Site Resources, response images, and conveyor belt usage details 3, Optimize Bootstrap Site Resources, complete Bootstrap response images, and enable the conveyor belt to support gestures. The details are as follows: A. Optimize Site Resources Speed is important. Users are very concerned. Our site m

[Bootstrap] 3. Optimize Site Resources, complete response images, and enable the conveyor belt to support gestures, A. Optimize Site Resources Speed is important. Users are very concerned. Our site must be loaded fast enough, or the user will leave. SEO is also very important. Our site must be loaded fast enough, and the search rank of others will drop. Now, let's take a look at [

); /*opera Browser Compatible code * /background:-moz-linear-gradient (45deg, red, blue); /*firefox Browser Compatible code * /background:linear-gradient (45deg, red, blue); /* Standard syntax */}As shown in effect 5.11.Figure 5.11 Specifying a gradient direction of 45°Linear gradients not only support gradients in two colors, but can also add any color, such as a rainbow effect that can be constructed with a linear gradient, as show

Beauty of Bootstrap 3 01-download and introduce the page, bootstrap01- This article mainly includes: ■ Download Bootstrap 3■ Bootstrap 3 Introduction page Download Bootstrap

Use Bootstrap 3 to develop responsive website practices 03. Carousel the content layout below, bootstrap03 Important information and highlighted information are usually displayed below the carousel. The title, subtitle, and paragraph text in a large font are used in this area. Messi scored the

; " > Travelling class= "col-sm-2" > class= "glyphicon glyphicon-heart" > CSS settings for the footer section./*---------------------------------------- Footer ------------------------------------*/Footer { Background: #333; Color: #eee; font-size:11px; padding:20px;}ul.unstyled { List-style:none; padding:0;}Footer H6 { Co

recommend that you do not mix the Single Color is recommended for the same button group Make sure that the correct reference position is used when using the icon. Buttons and toolbar are easy to implement, as shown in 3-1: Figure 3-1 button group) 1.2 button drown menu) Bootstrap allows any button label to trigger a drop-down menu. You only

Article Author: TyanBlog: noahsnail.com In Web application development, especially front-end development, often encountered a problem is time selection problem, fortunately Bootstrap has provided us with time to select control DateTimePicker, but in the actual development of DateTimePicker will still have some small problems , such as a time zone transformation that displays times according to the state. The author also touched a lot of holes before t

Http://www.25xt.com/html5css3/7342.html25 Academy See many recent friends in learning bootstrap front-end theme framework. Gu let 25 of the school's small series to everyone to find 3 suitable for bootstrap beginners to use the visual tools. We hope to help you.The first visual production tool for Bootstrap: JetstrapJe