DevDm Bootstrap

A responsive TwitterBootstrap Starter Theme for Developers

I wrestled with the idea of creating shortcodes for ALL of Bootstraps components but I decided that was counter productive to the mission of creating a clean simple template for Developers to work with. So I created only two for Buttons and Alerts. If you fail to specify any value within the shortcodes list of accepted parameters it will just use regular default Bootstrap settings. The shortcodes.php file is located in “DevDmBootstrap/shortcodes.php.” It is very procedural and very basic.

Buttons

The “btn” shortcode will accept 5 different parameters all based around the default Bootstrap css classes for creating buttons.

1) Size: mini, small, large (no value will use default)

2) Type: primary, info, success, warning, danger, inverse (or any button class you create using “btn-yourclass”)

3) Link: This must be a fully qualified URL (must have http://). link=’http://devdm.com’ – YES. link=’Devdm.com’ – NO.

4) Icon: You can put in the class for any of the Glyphicons.

5) Icontype: This will append the icon-white or icon-inverse to the button’s icon so you are not “stuck” with the default.

Examples

Button Button Button

Button Button Button

Button Button Button

Button Button Button

Button Button Button

Button Button Button

Alerts

The “alert” shortcode will accept 4 parameters.

1) Type: error or danger, success, info, and no set value will default to “warning.”

2) Dismiss: Creates the little closing “x” in the corner for the alert to be closed.

3) Size: The span size of the alert. Defaults to “3.”

4) Title: Gives the alert the <h4 class=”alert-heading”>Title</h4> element.

×

Alert Block Title

This is an alert box that has VERY important information.

×

Alert Block Title

This is an alert box that has VERY important information.

Alert Block Title

This is an alert box that has VERY important information.

Alert Block Title

This is an alert box that has VERY important information.



 

One Comment

Leave a Reply

Your email address will not be published. Required fields are marked *

DevDmBootstrap created by Danny Machal