In just a couple of days DMXzone Bootstrap 3 Elements will make its official appearance but until then we'll show you the features that are included in it. Starting today, we'll cover typography, tables, forms, buttons, images and icons. Check out the details below and stay tuned for part 2, coming tomorrow, when we will show you the rest of the awesome elements included in this fantastic Dreamweaver tool, which is set for release on Wednesday!
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 default, left, center, right and justify. Also you can choose from six default lightweight styles (emphasis).
Paragraphs are by default 14px font size with a line height of 1.428. In addition, paragraphs receive a bottom margin of half their line-height (1-px by default).
Add contact information such as address, name, phone number, etc.
You can quote any block of content from another source within your page. Blockquote can be aligned to the left or pulled to the right.
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 inline.
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 inline.
Add a list of terms, features or anything that needs a definition or explanation. From the element properties you can make the list also horizontal.
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 and make it more compact by cutting cell padding in half by checking the condensed mode. Now your table can be also responsive.
Add a form where your users enter data for processing. From the element properties, the form can also be inline.
Add a search field to your forms, where your users will type in keywords to search through the content.
In the horizontal form, the labels and input fields are on the same line.
Add a simple input field with a label.
You can add buttons with different sizes (large, default, small and extra small) and choose one of the predefined lightweight designs. From the element properties you can make a button non-clickable by disabling it or make it fit the cell entirely by width.
If you need to use a text link that looks like a button, anchor button element is the right one to choose.
Button with icon
There are 200 icons supplied in the extension that you can use on any button size or design.
You can add as many buttons next to each other as you need. They can be with or without styling and icons. The alignment can be horizontal as well as vertical.
There are 4 styles you can add to the images - default, rounded corners, circle and thumbnail. Also you can set the images to be fully responsive.
200 icons in sprite form to be used in buttons, button groups for a toolbar, or prepended form inputs.
Our weekly content summary
It's been a crazy and super exciting week at the DMXzone as we we released the long awaited DMXzone Bootstrap 3 Elements. The extension is the greatest addition to DMXzone Bootstrap 3 and features 37 awesome ready to go elements that you can add to your page in a mouse click time. Make sure to check out the amazing showcases and video tutorials to get inspired and learn how to use these two awesome Dreamweaver tools. Until next Wednesday you can get DMXzone Bootstrap 3 Elements with our early ...