#Bootstrap studio vs plus#

So, open css file and type 'flip-card ', this will show up a user snippet and then add that snippet.

This snippet also requires custom style in css.

Type flip-card in your document, then editor will show up a snippet categorized with user snippets along with the description - 'Flips card on hover'.

So, open css file and type 'footer', this will show up a user snippet and then add that snippet.

Type footer in your document, then editor will show up a snippet categorized with user snippets along with the description - 'basic footer with four columns'.

So, open css file and type 'timeline-r', this will show up a user snippet and then add that snippet.

Type timeline-r in your document, then editor will show up a snippet categorized with user snippets along with the description - 'timeline with responsive'.

So, open css file and type 'carousel-slider', this will show up a user snippet and then add that snippet.

Type carousel-slider in your document, then editor will show up a snippet categorized with user snippets along with the description - 'carousel with indicators,controls and captions'.

Type table-r in your document, then editor will show up a snippet categorized with user snippets along with the description - 'basic table with responsive '.

Type tabs in your document, then editor will show up a snippet categorized with user snippets along with the description - 'Dynamic tab pills'.

This snippet requires bootstrap 4.2.1 js.

Type header-t-f in your document, then editor will show up a snippet categorized with user snippets along with the description - 'basic header with fixed on top'.So, open css file and type 'accordion', this will show up a user snippet and then add that snippet. This snippet requires font-awesome and bootstrap 4.2.1 js.

#Bootstrap studio vs plus#

Type accordion in your document, then editor will show up a snippet categorized with user snippets along with the description - 'accordion with plus and minus icons that toggles'.

Type card in your document, then editor will show up a snippet categorized with user snippets along with the description - 'card with image, text, rating and button'.

Type media in your document, then editor will show up a snippet categorized with user snippets along with the description - 'media object'.

By pressing ctrl+space you can find all the available snippets. Now search in the search bar with bootstrap-snippets-vscode and click install.

There you can find all extensions which were already installed.

Open visual studio code, cick on Extensions which is present in left side bar or simply press ctrl+shift+x.

A list of bootstrap snippets will show up.

To use the bootstrap snippets, press Ctrl+Space. Type the following keywords to see available snippets in your document.Īll the snippets available below required bootstrap 4.2.1 css file. A set of bootstrap 4 snippets for visual studio code.