Bootstrap tips and related resources collation

1, Bootstrap Bundle (http://bootstrapbundle.com/): provides 15 different MVC Bootstrap templates. "Extensions and Updates" Search for "Bootstrap Bundle" Download installation. You can select a template directly when you create a new project.

2,bootswatch (http://bootswatch.com/): Provides a number of different shades of bootstraps CSS files, you can directly download the desired theme of the CSS file to overwrite the CSS in the project:

3,bootstrap Snippets (http://bootsnipp.com/): You can insert bootstraps code snippets directly in VS without having to copy from the official document. Search for "bootstrap" in "Extensions and updates" to find.

After the installation is complete reboot VS, the view page right-insert the code snippet "Ctrl+k,ctrl+x", we can select the bootstrap component:

4,web Essentials (http://vswebessentials.com/): Web Essentials helps check if there are any errors in the Class property we write, and if wrong, it will alert us to the error, as follows:

The Web essential can also feed back changes in the content of the page to the VS source code in real time (ref.: Http://www.vswebessentials.com/features/browserlink):

Web essential can also help debug CSS, JS, its official web site also has a detailed introduction and examples.

5,bootsnipp (http://bootsnipp.com/) provides some functional modules that have been beautified or packaged, and we can search for the required function modules in their website. Here are a 3D button buttons they provide:

Refer to "Show Dropdown Hover & Caret Up" in Bootsnipp, add the example JS and CSS to the existing project, realize the effect of the mouse to display the drop-down menu:

 6,sidewaffle template Pack (http://www.sidewaffle.com): provides templates for several VS project features such as: Chrome plugin project, CKEditor, etc. "Extensions and Updates" Search: sidewaffle, download and install. (After download open mode select Visual Studio Version selector to install)

"Add" in the project can select the Sidewaffle preset Template:

Url:

http://getbootstrap.com/

http://glyphicons.com/

http://fontawesome.bootstrapcheatsheets.com/

http://www.sidewaffle.com/

http://vswebessentials.com/

http://lesscss.org/

Spa:single-page applications

Bootstrap tips and related resources collation