Bootstrap 3 Elements Features in Detail Part 2
37 ready to go elements for Bootstrap 3
Add a simple pagination, great for apps and search results. From the element properties you can choose the position and the size of the paginator.
Quick previous and next links for simple pagination implementations with light markup and styles. It's great for simple sites like blogs or magazines.
Quick links for simple pagination aligned to each side.
Add easy navigation that allows users to keep track of their locations within programs or documents.
Labels and Badges
Create eye catching labels and annotate text with inline labels. From the element properties you can style the labels with lightweight designs.
Add small and simple badges for displaying an indicator or count. They're commonly found in email clients or on mobile apps for push notification.
Add a lightweight, flexible component to showcase key content on your site. It works well on marketing and content-heavy sites. From the element properties you can add a simple effect to give it an inset effect with padding and rounded corners.
Add text that is separated from the main body of text and appears at the top. From the elements properties it can be aligned center, left and right.
Use this element to add content on your page with a header, paragraph and button.
Add grids of photos, videos, products or anything that needs thumbnail display.
Add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.
Visualize the progression of an action with a progress bar. From the element properties you can customize the color and add striped effect. Also you can animate the stripes during process. Note that the animation is not supported in IE9 and below versions as well as in older versions of Firefox. Opera 12 does not support animations.
Stacked progress bar
Put multiple bars into the same progress bar to stack them. From the element properties you can use the same lightweight styles like the ones for buttons. Also they can be striped and animated.
Note: Progress bars use CSS3 transitions and animations to achieve some of their effects. These features are not supported in Internet Explorer 9 and below or older versions of Firefox. Opera 12 does not support animations.
Add a simple text for a basic warning alert message with a close button that can be styled.
Add a longer warning alert message with description and close button.
Float a media object (images, video, audio) to the left or right of a content block.
You can use media inside list, which is useful for comment threads or articles lists.
List groups are a flexible and powerful component for displaying not only simple lists of elements, but complex ones with custom content. You can also add badges to any list group item and it will automatically be positioned on the right.
You can put your content within panels to save space on your layout. Easily, you can add headings and make a panel more meaningful to a particular context by adding a background color.
Related Blog Posts
Lubov has been with DMXzone for 8 years now, contributing to the Content and Sales departments. She is bringing high quality content in the form of daily blog updates, reviews, tutorials, news, newsletters,update emails and extensions' manuals. If you have a product that needs publicity or any other questions about the entire DMXzone community, she is the one you can contact.