qertoo.blogg.se

Bootstrap snippets
Bootstrap snippets






bootstrap snippets
  1. Bootstrap snippets install#
  2. Bootstrap snippets plus#

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.

bootstrap snippets

This snippet also requires custom style in css.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 snippets 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'.

Bootstrap snippets install#

  • Now click on install and search for the package bootstrap-snippets-atom in the search bar and click install.
  • Open atom, click on packages which is present on the top of the editor and then settings view > open or simply press ctrl+comma.
  • A list of bootstrap snippets will show up. To use the bootstrap snippets, type the specified keyword. Type the following keywords to see available snippets in your document.Īll the snippets available below required bootstrap 4.2.1 css file.








    Bootstrap snippets