snippet-listing.md

Bootstrap Snippets for Visual Studio

Title	Shortcut	Language	Description	Declarations
Bootstrap 3.x basic template	bootstrap	HTML	Bootstrap 101 Template	version The Bootstrap version Default value: 3.3.2
Bootstrap 3.x accordion	bs-accordion	HTML	Using the collapse plugin, we built a simple accordion by extending the panel component.	id ID of the modal Default value: collapse heading1 The heading for the first accordion object Default value: Accordion heading 1 content1 The content for the first accordion object Default value: Lorem ipsum dolor sit amet, consectetur adipiscing elit. heading2 The heading for the second accordion object Default value: Accordion heading 2 content2 The content for the second accordion object Default value: Morbi eget libero quis metus consectetur semper. heading3 The heading for the third accordion object Default value: Accordion heading 3 content3 The content for the third accordion object Default value: Suspendisse ullamcorper massa eget eleifend iaculis.
Bootstrap 3.x alert	bs-alert	HTML	Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.	content The content for the alert Default value: <strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.
Bootstrap 3.x badge	bs-badge	HTML	Easily highlight new or unread items by adding a <span class="badge"> to links, Bootstrap navs, and more.	content The content for the badge Default value: 1234
Bootstrap 3.x breadcrumb	bs-breadcrumb	HTML	Indicate the current page's location within a navigational hierarchy.	None
Bootstrap 3.x btn dropdown	bs-btn-dropdown	HTML	Use any button to trigger a dropdown menu by placing it within a .btn-group and providing the proper menu markup.	None
Bootstrap 3.x btn dropdown split	bs-btn-dropdown-split	HTML	Use any button to trigger a dropdown menu by placing it within a .btn-group and providing the proper menu markup.	None
Bootstrap 3.x btn-group	bs-btn-group	HTML	Group a series of buttons together on a single line with the button group.	None
Bootstrap 3.x btn-toolbar	bs-btn-toolbar	HTML	Combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex components.	None
Bootstrap 3.x carousel	bs-carousel	HTML	A generic plugin and component for cycling through elements like a carousel.	id ID of the carousel Default value: my-carousel image1 The image for the first item in the carousel Default value: http://placehold.it/1200x675&amp;text=First+slide heading1 The heading for the first item in the carousel Default value: Caption heading 1 content1 The content for the first item in the carousel Default value: Lorem ipsum dolor sit amet, consectetur adipiscing elit. image2 The image for second item in the carousel Default value: http://placehold.it/1200x675&amp;text=Second+slide heading2 The heading for the second item in the carousel Default value: Caption heading 2 content2 The content for the second item in the carousel Default value: Morbi eget libero quis metus consectetur semper. image3 The image for the third item in the carousel Default value: http://placehold.it/1200x675&amp;text=Third+slide heading3 The heading for the third item in the carousel Default value: Caption heading 3 content3 The content for the third item in the carousel Default value: Suspendisse ullamcorper massa eget eleifend iaculis.
Bootstrap 3.x collapse	bs-collapse	HTML	Get base styles and flexible support for collapsible components like accordions and navigation.	id ID of the collapse object Default value: collapse heading The heading for the collapse object Default value: Accordion heading 1 content The content for the collapse object Default value: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Bootstrap 3.x form	bs-form	HTML	Individual form controls automatically receive some global styling. All textual <input>, <textarea>, and <select> elements with .form-control are set to width: 100%; by default. Wrap labels and controls in .form-group for optimum spacing.	None
Bootstrap 3.x form group	bs-form-group	HTML	A form group with an input and a label.	id ID of the input Default value: form-group-input label Text for the label Default value: My label type Type of the input Default value: text
Bootstrap 3.x form group checkbox	bs-form-group-checkbox	HTML	A form group that contains a checkbox.	label Text for the label Default value: My label
Bootstrap 3.x form group horizontal	bs-form-group-horizontal	HTML	A form group with an input and a label, meant for use in a horizontal form.	id ID of the input Default value: form-group-input label Text for the label Default value: My label type Type of the input Default value: text
Bootstrap 3.x form group horizontal checkbox	bs-form-group-horizontal-checkbox	HTML	A form group that contains a checkbox, meant for use in a horizontal form.	label Text for the label Default value: My label
Bootstrap 3.x form group inline	bs-form-group-inline	HTML	A form group with an input and a label, meant for use in an inline form.	id ID of the input Default value: form-group-input label Text for the label Default value: My label type Type of the input Default value: text
Bootstrap 3.x form group radio	bs-form-group-radio	HTML	A form group that contains a radio.	label Text for the label Default value: My label
Bootstrap 3.x form group select	bs-form-group-select	HTML	A form group with a select dropdown and a label.	id ID of the select Default value: form-group-select label Text for the label Default value: My label
Bootstrap 3.x horizontal form	bs-form-horizontal	HTML	Use Bootstrap's predefined grid classes to align labels and groups of form controls in a horizontal layout by adding .form-horizontal to the form. Doing so changes .form-groups to behave as grid rows, so no need for .row.	None
Bootstrap 3.x inline form	bs-form-inline	HTML	Add .form-inline to your <form> for left-aligned and inline-block controls. This only applies to forms within viewports that are at least 768px wide.	None
Bootstrap 3.x glyphicon	bs-glyphicon	HTML	Glyphicons	icon The name of the icon Default value: info-sign
Bootstrap 3.x input-group	bs-input-group	HTML	Extend form controls by adding text or buttons before, after, or on both sides of any text-based input. Use .input-group with an .input-group-addon to prepend or append elements to a single .form-control.	addon The text for the addon Default value: @ placeholder The placeholder text for the input Default value: Placecholder
Bootstrap 3.x jumbotron	bs-jumbotron	HTML	A lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site.	heading The heading text for the jumbotron Default value: Jumbotron heading content The content for the jumbotron Default value: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Bootstrap 3.x label	bs-label	HTML	Easily highlight new or unread items by adding a <span class="label label-default"> to links, Bootstrap navs, and more.	content The content for the label Default value: Label content
Bootstrap 3.x list group	bs-list-group	HTML	List groups are a flexible and powerful component for displaying not only simple lists of elements, but complex ones with custom content.	content1 Item 1 content Default value: Lorem ipsum dolor sit amet, consectetur adipiscing elit. content2 Item 2 content Default value: Morbi eget libero quis metus consectetur semper. content3 Item 3 content Default value: Suspendisse ullamcorper massa eget eleifend iaculis.
Bootstrap 3.x media list	bs-media-list	HTML	Abstract object styles for building various types of components (like blog comments, Tweets, etc) that feature a left- or right-aligned image alongside textual content.	image1 The image for the first media object Default value: http://placehold.it/64x64 heading1 The heading for the first media object Default value: Media heading 1 content1 The content for the first media object Default value: Lorem ipsum dolor sit amet, consectetur adipiscing elit. image2 The image for second media object Default value: http://placehold.it/64x64 heading2 The heading for the second media object Default value: Media heading 2 content2 The content for the second media object Default value: Morbi eget libero quis metus consectetur semper. image3 The image for the third media object Default value: http://placehold.it/64x64 heading3 The heading for the third media object Default value: Media heading 3 content3 The content for the third media object Default value: Suspendisse ullamcorper massa eget eleifend iaculis.
Bootstrap 3.x media object	bs-media-object	HTML	Abstract object styles for building various types of components (like blog comments, Tweets, etc) that feature a left- or right-aligned image alongside textual content.	image The image for the media object Default value: http://placehold.it/64x64 heading The heading for the media object Default value: Media heading content The content for the media object Default value: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Bootstrap 3.x modal	bs-modal	HTML	Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.	id ID of the modal Default value: myModal title Title of the modal Default value: Modal title content Content of the modal Default value: <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> close-text Text for the "close" button Default value: Close save-text Text for the "save" button Default value: Save
Bootstrap 3.x modal (large)	bs-modal-lg	HTML	Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.	id ID of the modal Default value: myModal title Title of the modal Default value: Modal title content Content of the modal Default value: <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> close-text Text for the "close" button Default value: Close save-text Text for the "save" button Default value: Save
Bootstrap 3.x modal (small)	bs-modal-sm	HTML	Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.	id ID of the modal Default value: myModal title Title of the modal Default value: Modal title content Content of the modal Default value: <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> close-text Text for the "close" button Default value: Close save-text Text for the "save" button Default value: Save
Bootstrap 3.x nav pills	bs-nav-pills	HTML	Navs available in Bootstrap have shared markup, starting with the base .nav class, as well as shared states. Swap modifier classes to switch between each style.	None
Bootstrap 3.x nav tabs	bs-nav-tabs	HTML	Navs available in Bootstrap have shared markup, starting with the base .nav class, as well as shared states. Swap modifier classes to switch between each style.	None
Bootstrap 3.x navbar	bs-navbar	HTML	Navbars are responsive meta components that serve as navigation headers for your application or site. They begin collapsed (and are toggleable) in mobile views and become horizontal as the available viewport width increases.	None
Bootstrap 3.x page header	bs-page-header	HTML	A simple shell for an h1 to appropriately space out and segment sections of content on a page. It can utilize the h1's default small element, as well as most other components (with additional styles).	heading The main text for the page header Default value: Example page header content The subtext for the page header Default value: Subtext for header
Bootstrap 3.x pager	bs-pager	HTML	Quick previous and next links for simple pagination implementations with light markup and styles. It's great for simple sites like blogs or magazines.	None
Bootstrap 3.x pagination	bs-pagination	HTML	Provide pagination links for your site or app with the multi-page pagination component, or the simpler pager alternative.	None
Bootstrap 3.x panel	bs-panel	HTML	While not always necessary, sometimes you need to put your DOM in a box. For those situations, try the panel component.	heading The heading text for the panel Default value: Panel heading content The content for the panel Default value: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Bootstrap 3.x popover	bs-popover	HTML	Add small overlays of content, like those on the iPad, to any element for housing secondary information.	popover The text for the popover Default value: Lorem ipsum dolor sit amet, consectetur adipiscing elit. content The content for the popover link Default value: Hover over me
Bootstrap 3.x progress bar	bs-progress-bar	HTML	Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars.	progress The percentage of progress Default value: 50
Bootstrap 3.x thumbnail	bs-thumbnail	HTML	Extend Bootstrap's grid system with the thumbnail component to easily display grids of images, videos, text, and more.	image The image for the thumbnail object Default value: http://placehold.it/64x64 heading The caption heading for the thumbnail object Default value: Thumbnail caption heading content The caption content for the thumbnail object Default value: <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
Bootstrap 3.x tooltip	bs-tooltip	HTML	The tooltip plugin generates content and markup on demand, and by default places tooltips after their trigger element.	tooltip The text for the tooltip Default value: Some tooltip text! content The content for the tooltip link Default value: Hover over me