Templates modal converted to bootstrap

Same as #4575 #4563 #4562 #4561 #4514 #4513

Tests:
Follow the images to navigate:
![screenshot 2014-10-12 23 29 30](https://cloud.githubusercontent.com/assets/3889375/4607439/b3fc7364-524e-11e4-86d7-45230a611fbc.png)
![screenshot 2014-10-12 23 29 44](https://cloud.githubusercontent.com/assets/3889375/4607440/b7611c30-524e-11e4-90b9-d1036f1319e5.png)

And:
![screenshot 2014-10-12 23 29 58](https://cloud.githubusercontent.com/assets/3889375/4607441/ba0c1f16-524e-11e4-9f21-5d728f997c64.png)
![screenshot 2014-10-12 23 30 13](https://cloud.githubusercontent.com/assets/3889375/4607442/c1f354ce-524e-11e4-8448-3b4f11b424b0.png)

I thought maybe can improve `renderModal`, for allow the custom content, something like:
```php
$html = "<div class=\"modal hide fade\" id=\"" . $selector . "\">\n";
$html .= "<div class=\"modal-header\">\n";
$html .= "<button type=\"button\" class=\"close\" data-dismiss=\"modal\">×</button>\n";
$html .= "<h3>" . $params['title'] . "</h3>\n";
$html .= "</div>\n";
$html .= "<div id=\"" . $selector . "-container\">\n";
// Use the custom content
if (isset($params['content']))
{
    $html .= $params['content'] . $footer;
}
$html .= "</div>\n";
$html .= "</div>\n";

// Use iframe
if (!empty($params['url']))
{
    $html .= "<script>";
    $html .= "jQuery('#" . $selector . "').on('show', function () {\n";
    $html .= "document.getElementById('" . $selector . "-container').innerHTML = '<div class=\"modal-body\"><iframe class=\"iframe\" src=\""
        . $params['url'] . "\" height=\"" . $params['height'] . "\" width=\"" . $params['width'] . "\"></iframe></div>" . $footer . "';\n";
    $html .= "});\n";
    $html .= "</script>";
}
```
so you can use :
```php
 $params['content'] = '<img ... />';
```

just theory :wink: