Starting today, in a 3 part series, we will show you all 35 ready to go elements that are included in our upcoming DMXzone Bootstrap Elements extension. In the first part we will cover the typography, tables and forms, which include elements such as title, paragraph, blockquotes, ordered and unordered lists, horizontal tables, forms, search forms and many more.
Check out the details below and stay tuned for part 2, coming tomorrow, when we will show you the buttons, icons, images and pagination!
Update: Bootstrap Elements Features Part 2 is already available for preview.
Bootstrap Elements Features Part 1 - Typography, Tables and Forms
June 10, 2013
Explore the first part of elements included in DMXzone Bootstrap Elements extension
The Story
Typography
Title
The default title element is H3. You can change it with another heading between H1 and H6. From the element properties you can change the alignment to be none, left, center or right. Also you can choose from six default lightweight styles (emphasis).
Paragraph
Paragraphs are by default 14px font size with a line height of 20px. In addition, paragraphs receive a bottom margin of half their line-height.
Address
Add contact information such as address, name, phone number, etc.
Blockquote
You can quote any block of content from another source within your page. Blockquote can be aligned to the left or to the right.
Unordered List
Add a list of items with bullets, where the order doesn't matter. From the element properties you can remove the default styling and also show all list items on a single line (inline).
Ordered List
Add a list of items with numbering, where the order does matter. From the element properties you can remove the default styling and also show all list items on a single line (inline).
Definition List
Add a list of terms, features or anything that needs a definition or explanation. From the element properties you can make the list vertical as well.
Tables
Table
Add a table with as many rows and columns as you wish. From the element properties you can choose the table row style and also style the table with borders and rounded corners. You can enable the rows hover state.
Forms
Form
Add a form where your users enter data for processing. From the element properties, the form can also be inline.
Search Form
Add a search field to your forms, where your users will type in keywords to search through the content.
Horizontal Form
In the horizontal form, the labels and input fields are on the same line.
Control Group
Add a simple input field with a label. You can customize the labels with some predefined lightweight styles.
Lubov Cholakova
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.
Comments
Be the first to write a comment
You must me logged in to write a comment.