TOC for JavaScript Bootstrap

Overview

Individual or compiled

Plugins can be included individually (using Bootstrap's individual *.js files), or all at once (using bootstrap.js or the minified bootstrap.min.js).

Using the compiled JavaScript

Both bootstrap.js and bootstrap.min.js contain all plugins in a single file. Include only one.

Plugin dependencies

 Some plugins and CSS components depend on other plugins. If you include plugins individually, make sure to check for these dependencies in the docs. Also note that all plugins depend on jQuery (this means jQuery must be included before the plugin files). Consult our bower.json to see which versions of jQuery are supported. 

Data attributes

You can use all Bootstrap plugins purely through the markup API without writing a single line of JavaScript. This is Bootstrap's first-class API and should be your first consideration when using a plugin.

That said, in some situations it may be desirable to turn this functionality off. Therefore, we also provide the ability to disable the data attribute API by unbinding all events on the document namespaced with data-api. This looks like this:

$(document).off('.data-api')

You can use all Bootstrap plugins purely through the markup API without writing a single line of JavaScript. This is Bootstrap's first-class API and should be your first consideration when using a plugin.
That said, in some situations it may be desirable to turn this functionality off. Therefore, we also provide the ability to disable the data attribute API by unbinding all events on the document namespaced with data-api. This looks like this:

$(document).off('.data-api')

download

Download Bootstrap

Work with Home Page

Upload Home Logo

Access your blog dashboard, choose Layout tab and click Edit link on Home Header Logo widget and upload your logo image for home page

Add Product Properties

Access your blog dashboard, choose Layout tab and click Edit link on Product Properties widget.

In "Configure Link List" window, input your property name and your property value in New Site Name field with format "property_name: [property_value]" and your property link in New Site URL field (if you have no, leave it blank). Then click Add Link button.

After adding all properties, click Save button to apply.

Configure Popular Docs widget

You can leave it default, but for better display, you can configure the widget to link list. Edit the "Popular Docs" widget and opt out image thumbnail and snippet

Configure Popular Tags widget

Edit Popular Tags widget. Choose Selected Labels, click edit links and choose the labels you want to show. Also choose By Frequency, List and opt out Show number of posts per label.

Add Sidebar Menu

Add Menu Item

Access your blog dashboard, choose Layout tab and click Edit link on Main Menu widget.

In "Configure Page List" window, click Add external link to input your menu item.

Then in popup window, input your menu item name in Page Title and your menu item link in Web address (URL)

Then clicks Save button to save your menu.

You can drag and drop menu item in Configure Page List window to change order of you menu items. About the link structure of Blogger, you can learn more here: Blogger Link Structure

You also have a simpler way to get post URL: in your blog layout, access Posts tab, hover the post you want and right click on View link to copy your post URL. Do the same with Pages tab.

About label URL, the structure is simple: /search/yourlabelname

Add Sub Menu Item

A sub menu item with start with _ (underscore) and it stay under a normal menu item.

Upload Sidebar Logo

Access your blog dashboard, choose Layout tab and click Edit link on Manual Template (Header) widget.

In "Configure Header" window, upload your own logo image and click Save button.