A set of bootstrap 4 snippets for atom.
Type the following keywords to see available snippets in your document.
All the snippets available below required bootstrap 4.2.1 css file.
To use the bootstrap snippets, type the specified keyword. A list of bootstrap snippets will show up.
ctrl+comma
.bootstrap-snippets-atom
in the search bar and click install.media
media
in your document, then editor will show up a snippet categorized with user snippets along with the description - 'media object'.card
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'.accordion
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'.header-t-f
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'.tabs
tabs
in your document, then editor will show up a snippet categorized with user snippets along with the description - 'Dynamic tab pills'.table-r
table-r
in your document, then editor will show up a snippet categorized with user snippets along with the description - 'basic table with responsive '.carousel-slider
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'.timeline-r
timeline-r
in your document, then editor will show up a snippet categorized with user snippets along with the description - 'timeline with responsive'.footer
footer
in your document, then editor will show up a snippet categorized with user snippets along with the description - 'basic footer with four columns'.flip-card
flip-card
in your document, then editor will show up a snippet categorized with user snippets along with the description - 'Flips card on hover'.sidebar-icons
sidebar-icons
in your document, then editor will show up a snippet categorized with user snippets along with the description - 'sticky sidebar collapse to icons with responsive'.login-signup
login-signup
in your document, then editor will show up a snippet categorized with user snippets along with the description - 'basic login/signup form using modal'.Keyword | Description | Css | Javascript | Font-awesome |
---|---|---|---|---|
media | media object | - | - | - |
card | card with image, text, rating and button | - | - | yes |
accordion | accordion with plus and minus icons that toggles | required custom css in css file | required bootstrap js | yes |
header-t-f | basic header with fixed on top | - | required bootstrap js | - |
tabs | Dynamic tab pills | - | required bootstrap js | - |
table-r | basic table with responsive | - | - | - |
carousel-slider | carousel with indicators,controls and captions | required custom css in css file | required bootstrap js | - |
timeline-r | timeline with responsive | required custom css in css file | - | yes |
footer | basic footer with four columns | required custom css in css file | - | - |
flip-card | Flips card on hover | required custom css in css file | - | - |
sidebar-icons | sticky sidebar collapse to icons with responsive | required custom css in css file | required custom javascript in javascript file | yes |
login-signup | basic login/signup form using modal | - | required bootstrap js | - |
Note:
If you can contribute or you want to, feel free to do it at Buy me a coffee!, I will be really thankfull for anything even if it is a coffee or just a kind comment towards my work, because that helps me a lot. Thank you!
Enjoy!
Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.