Back to Top
The nuts and bolts for
Creative web development

Bootstrap Elements Features Part 1 - Typography, Tables and Forms

“Explore the first part of elements included in DMXzone Bootstrap Elements extension”
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.

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.



Blog Posts



What You Missed This Week

Our weekly content summary

If you couldn't follow us on a daily basis during the week, here's our full list of content that we released the past five days. After months of development the DMXzone Bootstrap Elements was finally released. Its 35 ready to go elements will improve any website layout and give it the final touch. Below you will find several showcases that we already created with it as well as useful video tutorials on how to use this amazing extension so check it out. Until next Wednesday, DMXzone Bootstrap ...

Read More

Share this Article