Bootstrap tips and related resource sorting, bootstrap related resources

Bootstrap tips and related resource sorting, bootstrap related resources
1, Bootstrap Bundle (http://bootstrapbundle.com/): provides 15 different MVC Bootstrap templates. Search "Bootstrap Bundle" in [extension and update] to download and install the SDK. When creating a project, you can directly select a template.

 

2, Bootswatch (http://bootswatch.com/): provides some bootstraps css files of different tones that can be downloaded directly to the css file of the desired topic overwrite the css in the project:

 

3, Bootstrap Snippets (http://bootsnipp.com/): You can directly insert bootstraps code Snippets in vs without the need to Copy from the official documentation. Search for "bootstrap" in [extension and update.

 

After the installation is complete, restart vs. Right-click the view page and insert the code snippet Ctrl + K, Ctrl + X. Then we can select the bootstrap component:

 

4, Web Essentials 2015 (http://vswebessentials.com/): Web Essentials helps check whether the class attribute we write is incorrect, and if it is incorrect, it will remind us of the error, as shown below:

 

Web Essential can also be real-time feedback on page content changes to vs source code (reference: http://www.vswebessentials.com/features/browserlink ):

Web Essential can also help you debug css and js. The official website also provides detailed introductions and examples.

 

5, Bootsnipp (http://bootsnipp.com/) provides some beautifying or encapsulated functional modules, we can search for the required functional modules in its website. Below is a 3D Button they provide:

 

Refer to "Show Dropdown Hover & Caret Up" in bootsnipp to add the sample js and css to the existing project. The following figure shows the effect of displaying the drop-down menu with the mouse:

6, SideWaffle Template Pack (http://www.sidewaffle.com): provides some VS project function templates such as: chrome plug-in project, CKEditor and so on. Search for sidewaffle in [extension and update] to download and install it. (Select Visual Studio Version Selector for installation after the download)

You can select SideWaffle preset Template for "add" in the project:

 

 

 

 

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