From 5742181ae27e3e7636803fd6d6bdb7af942d703a Mon Sep 17 00:00:00 2001 From: Alexandre Magno Date: Fri, 2 Mar 2012 18:46:16 -0300 Subject: [PATCH 001/151] changed header for globo cms --- docs/index.html | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/docs/index.html b/docs/index.html index 333077601e8c..e12384d2151c 100644 --- a/docs/index.html +++ b/docs/index.html @@ -69,8 +69,11 @@ ================================================== -->
-

Twitter Bootstrap

-

Bootstrap is a comprehensive front-end toolkit from Twitter designed to kickstart web development. It features HTML, CSS, and JS for dozens of base elements, commonly used design components, and more.

+

Globo CMS Bootstrap

+

+ Bootstrap do CMS da Globo.com baseado no Twitter Bootstrap desenvolvido para o desenvolvimento rápido dos componentes de interface. + Os componentes vão desde HTML, CSS e plugins javascript para unificar e facilitar o desenvolvimento do CMS da Globo independente da plataforma +

View project on GitHub Customize and download From b28425b8c0416960e890020d9606b9d42f8e7986 Mon Sep 17 00:00:00 2001 From: Alexandre Magno Date: Tue, 6 Mar 2012 12:00:55 -0300 Subject: [PATCH 002/151] homepage changed to a globocms version --- docs/index.html | 123 ++++++++++++++++++++++-------------------------- 1 file changed, 57 insertions(+), 66 deletions(-) diff --git a/docs/index.html b/docs/index.html index e12384d2151c..04fbec77b44d 100644 --- a/docs/index.html +++ b/docs/index.html @@ -71,54 +71,43 @@

Globo CMS Bootstrap

- Bootstrap do CMS da Globo.com baseado no Twitter Bootstrap desenvolvido para o desenvolvimento rápido dos componentes de interface. + Bootstrap do CMS da Globo.com baseado no Twitter Bootstrap. Desenvolvido para o desenvolvimento rápido dos componentes de interface. Os componentes vão desde HTML, CSS e plugins javascript para unificar e facilitar o desenvolvimento do CMS da Globo independente da plataforma

- View project on GitHub - Customize and download + Ver projeto no GitHub + Customizar download

-

Feature highlights

+

Funcionalidades

    -
  • Built on LESS
  • -
  • Complete style guide docs
  • -
  • Fully responsive design
  • -
  • Small footprint (10kb gzipped)
  • -
  • Support for IE7 and up
  • -
  • Custom jQuery plugins
  • -
  • Dozens of components
  • +
  • Desenvolvido com o LESS
  • +
  • Documentação de estilos completa
  • +
  • Uso de responsive design
  • +
  • Compacto (10kb gzipped)
  • +
  • Suporte para IE7 e posteriores
  • +
  • Vários plugins para jQuery
  • +
  • Dezenas de componentes prontos para usar

-

Built with Bootstrap.

- +

Produtos usando o bootstrap

+
+ Ainda em progresso! Ainda não há nenhum produto usando o GloboCMS Bootstrap, abaixo alguns projetos usando o twitter bootstrap +
diff --git a/docs/templates/pages/download.mustache b/docs/templates/pages/download.mustache index 4478a006ac69..a4cf5886368e 100644 --- a/docs/templates/pages/download.mustache +++ b/docs/templates/pages/download.mustache @@ -1,60 +1,57 @@ -
- Heads up! This page is still under construction and is missing plenty of documentation. Hang tight! -
-

{{_i}}Customize and download{{/i}}

-

{{_i}}Download the full repository or customize your entire Bootstrap build by selecting only the components, javascript plugins, and assets you need.{{/i}}

+

Customizar e download

+

Download do repositório completo Ou customize os componentes da forma que desejar

Scaffolding

- +

Base CSS

- + - - - - + + + +
-

Components

- - - - +

Componentes

+ + + + - - + + - - + +
-

JS Components

+

Componentes JS

@@ -64,11 +61,11 @@
-

Miscellaneous

+

Outros

- - - + + +

Responsive

@@ -79,10 +76,10 @@
@@ -92,7 +89,7 @@ -

Grid system

+

Grid

@@ -105,19 +102,19 @@
-

Typography

+

Tipografia

-

Forms

+

Formulários

-

Navbar

+

Barra de navegação

@@ -126,7 +123,7 @@
-

Form states & alerts

+

Estados do formulário e alertas

@@ -157,10 +154,10 @@
@@ -213,12 +210,12 @@
-

Heads up!

-

{{_i}}All plugins require the latest version of jQuery to be included.{{/i}}

+

Aviso!

+

Todos plugins requerem uma versão mais recente do jQuery para serem incluídos

@@ -231,8 +228,8 @@
- Customize and Download -

What's included?

-

Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.

+ Customizar e fazer Download +

O que será incluído?

+

O download inclui css compilado, compilado e minificado, e compila plugins jQuery, todos compactados em um zip para sua conveniência

diff --git a/docs/upgrading.html b/docs/upgrading.html index 76913f9e4143..beb859f35d4a 100644 --- a/docs/upgrading.html +++ b/docs/upgrading.html @@ -2,7 +2,7 @@ - GloboCMS Bootstrap + Globo Bootstrap @@ -153,10 +153,12 @@

Rough outline

From ed0c59784f47d1ea8ea2f05d854f701e82a3ed5e Mon Sep 17 00:00:00 2001 From: Alexandre Magno Date: Tue, 27 Mar 2012 16:24:01 -0300 Subject: [PATCH 014/151] custom select component --- bootstrap.css | 124 +++++- bootstrap.min.css | 12 + docs/assets/img/icon-custom-select-arrow.png | Bin 0 -> 264 bytes docs/assets/js/application.js | 6 +- docs/base-css.html | 36 ++ docs/components.html | 1 + docs/download.html | 1 + docs/examples.html | 1 + docs/index.html | 1 + docs/javascript.html | 1 + docs/less.html | 1 + docs/scaffolding.html | 1 + docs/templates/layout.mustache | 1 + docs/templates/pages/base-css.mustache | 35 ++ docs/upgrading.html | 1 + js/jquery.selectbox-0.1.3.js | 419 +++++++++++++++++++ lib/bootstrap.less | 1 + lib/form-custom.less | 135 ++++++ lib/variables.less | 4 +- 19 files changed, 776 insertions(+), 5 deletions(-) create mode 100644 docs/assets/img/icon-custom-select-arrow.png create mode 100644 js/jquery.selectbox-0.1.3.js create mode 100644 lib/form-custom.less diff --git a/bootstrap.css b/bootstrap.css index 97a98985db31..5d16701672d2 100644 --- a/bootstrap.css +++ b/bootstrap.css @@ -6,7 +6,7 @@ * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. - * Date: Wed Mar 7 15:49:17 BRT 2012 + * Date: Tue Mar 27 16:23:08 BRT 2012 */ article, aside, @@ -1024,6 +1024,128 @@ select:focus:required:invalid:focus { .form-horizontal .form-actions { padding-left: 160px; } +.sbHolder { + background-color: white; + background-color: #eeeeee; + background-image: -moz-linear-gradient(top, #ffffff, #eeeeee); + background-image: -ms-linear-gradient(top, #ffffff, #eeeeee); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eeeeee)); + background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); + background-image: -o-linear-gradient(top, #ffffff, #eeeeee); + background-image: linear-gradient(top, #ffffff, #eeeeee); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + border-bottom: solid 1px #E4E4E4; + border-left: solid 1px #E4E4E4; + border-top: solid 1px #F1F1F1; + border-right: solid 1px #F1F1F1; + font-family: Arial, sans-serif; + font-size: 13px; + font-weight: normal; + height: 29px; + position: relative; + margin-top: 5px; +} +.sbSelector { + display: block; + height: 29px; + left: 0; + line-height: 29px; + outline: none; + overflow: hidden; + position: absolute; + text-indent: 10px; + top: 0; + width: 170px; + text-decoration: none !important; +} +.sbSelector:link, +.sbSelector:visited, +.sbSelector:hover { + color: #323232 !important; + outline: none; +} +.sbToggle { + background: url('http://s.videos.globo.com/gv/assets/images/icon-select-arrow.png') no-repeat center center; + display: block; + height: 29px; + outline: none; + position: absolute; + right: 0; + top: 0; + width: 30px; +} +.sbHolderDisabled { + background-color: #3C3C3C; + border: solid 1px #515151; +} +.sbOptions { + background-color: white; + border-bottom: solid 1px #E4E4E4; + border-left: solid 1px #E4E4E4; + border-top: solid 1px #F1F1F1; + border-right: solid 1px #F1F1F1; + list-style: none; + left: -1px; + margin: 0; + padding: 0; + position: absolute; + top: 29px; + width: 100%; + max-height: 300px; + z-index: 1; + overflow-y: auto; + overflow-x: hidden; +} +.sbOptions li.last { + border-bottom: none !important; +} +.sbOptions li { + border-bottom: solid 1px #E5E5E5; + width: 93% !important; + padding: 0 7px; + margin: 0 20px 0px 0; +} +.sbOptions li:first-child a { + font-style: italic; + color: #CDCDCD !important; +} +.sbOptions li:hover { + background-color: #F7F7F7; +} +.sbOptions a { + color: #333 !important; + display: block; + outline: none; + padding: 7px 0 7px 3px; + text-decoration: none !important; +} +.sbOptions a:link, +.sbOptions a:visited { + color: #DDD; +} +.sbOptions a:hover { + color: #323232 !important; +} +.sbOptions .sbDisabled { + border-bottom: dotted 1px #515151; + color: #999; + display: block; + padding: 7px 0 7px 3px; +} +.sbOptions .sbGroup { + border-bottom: dotted 1px #515151; + color: #EBB52D; + display: block; + font-weight: bold; + padding: 7px 0 7px 3px; +} +.sbOptions .sbSub { + padding-left: 17px; +} table { max-width: 100%; border-collapse: collapse; diff --git a/bootstrap.min.css b/bootstrap.min.css index b16f4878faa7..b84e3446c763 100644 --- a/bootstrap.min.css +++ b/bootstrap.min.css @@ -181,6 +181,18 @@ input:focus:required:invalid,textarea:focus:required:invalid,select:focus:requir .form-horizontal .control-group>label{float:left;width:140px;padding-top:5px;text-align:right;} .form-horizontal .controls{margin-left:160px;} .form-horizontal .form-actions{padding-left:160px;} +.sbHolder{background-color:white;background-color:#eeeeee;background-image:-moz-linear-gradient(top, #ffffff, #eeeeee);background-image:-ms-linear-gradient(top, #ffffff, #eeeeee);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eeeeee));background-image:-webkit-linear-gradient(top, #ffffff, #eeeeee);background-image:-o-linear-gradient(top, #ffffff, #eeeeee);background-image:linear-gradient(top, #ffffff, #eeeeee);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border-bottom:solid 1px #E4E4E4;border-left:solid 1px #E4E4E4;border-top:solid 1px #F1F1F1;border-right:solid 1px #F1F1F1;font-family:Arial,sans-serif;font-size:13px;font-weight:normal;height:29px;position:relative;margin-top:5px;} +.sbSelector{display:block;height:29px;left:0;line-height:29px;outline:none;overflow:hidden;position:absolute;text-indent:10px;top:0;width:170px;text-decoration:none !important;}.sbSelector:link,.sbSelector:visited,.sbSelector:hover{color:#323232 !important;outline:none;} +.sbToggle{background:url('http://s.videos.globo.com/gv/assets/images/icon-select-arrow.png') no-repeat center center;display:block;height:29px;outline:none;position:absolute;right:0;top:0;width:30px;} +.sbHolderDisabled{background-color:#3C3C3C;border:solid 1px #515151;} +.sbOptions{background-color:white;border-bottom:solid 1px #E4E4E4;border-left:solid 1px #E4E4E4;border-top:solid 1px #F1F1F1;border-right:solid 1px #F1F1F1;list-style:none;left:-1px;margin:0;padding:0;position:absolute;top:29px;width:100%;max-height:300px;z-index:1;overflow-y:auto;overflow-x:hidden;}.sbOptions li.last{border-bottom:none !important;} +.sbOptions li{border-bottom:solid 1px #E5E5E5;width:93% !important;padding:0 7px;margin:0 20px 0px 0;}.sbOptions li:first-child a{font-style:italic;color:#CDCDCD !important;} +.sbOptions li:hover{background-color:#F7F7F7;} +.sbOptions a{color:#333 !important;display:block;outline:none;padding:7px 0 7px 3px;text-decoration:none !important;}.sbOptions a:link,.sbOptions a:visited{color:#DDD;} +.sbOptions a:hover{color:#323232 !important;} +.sbOptions .sbDisabled{border-bottom:dotted 1px #515151;color:#999;display:block;padding:7px 0 7px 3px;} +.sbOptions .sbGroup{border-bottom:dotted 1px #515151;color:#EBB52D;display:block;font-weight:bold;padding:7px 0 7px 3px;} +.sbOptions .sbSub{padding-left:17px;} table{max-width:100%;border-collapse:collapse;border-spacing:0;} .table{width:100%;margin-bottom:18px;}.table th,.table td{padding:8px;line-height:18px;text-align:left;border-top:1px solid #ddd;} .table th{font-weight:bold;vertical-align:bottom;} diff --git a/docs/assets/img/icon-custom-select-arrow.png b/docs/assets/img/icon-custom-select-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..5fdf600f38d0e6b18b57df96186aa557ba4ee040 GIT binary patch literal 264 zcmV+j0r&oiP)qof8yg#kQO)H@>OzV20Z}f;XAoW=oH=u5703cwV49{D7Lb>XjErIl z1j}MvawaAwID>`p-@kw2L`LWfECw^;jZk2i{|812BQX|$)WX<6-%1cnEr0&}VI?IT z&z(E>3uv$j1F^25S!((9>z6Uj3NDb#b#-;ahFq!0^5e&kP+A!d5MTg|Oy!XRaH!Y- O0000Form Horizontal +
+ Formulários personalizados +

Há a possibilidade de deixar os selectboxes personalizados, usando CSS e o plugin do jQuery selectbox

+
+ +
+ +
+
+

Para deixá-lo desta forma, inclua o plugin selectbox e use o seguinte código:

+
+$('.select-custom').selectbox();
+
+

E no markup:

+
+<div class="control-group">
+  <label class="control-label" for="multiSelect">Select personalizado</label>
+  <div class="controls">
+    <select id="selectCustom" class="select-custom">
+      <option>personalizado 1</option>
+      <option>personalizado 2</option>
+      <option>personalizado 3</option>
+      <option>personalizado 4</option>
+      <option>personalizado 5</option>
+    </select>
+  </div>
+</div>
+
+
@@ -1513,6 +1548,7 @@

Exemplos

+ diff --git a/docs/components.html b/docs/components.html index 094cbc1be885..4078068767a2 100644 --- a/docs/components.html +++ b/docs/components.html @@ -1284,6 +1284,7 @@

Suporte a browsers

+ diff --git a/docs/download.html b/docs/download.html index 17838b088bf0..1a6e209c5493 100644 --- a/docs/download.html +++ b/docs/download.html @@ -333,6 +333,7 @@

O que será incluído?

+ diff --git a/docs/examples.html b/docs/examples.html index e6e376bf4c61..077eb95ecf6d 100644 --- a/docs/examples.html +++ b/docs/examples.html @@ -124,6 +124,7 @@

Examples from 1.x

+ diff --git a/docs/index.html b/docs/index.html index 9ef9008d23a3..32f938c3e8e1 100644 --- a/docs/index.html +++ b/docs/index.html @@ -274,6 +274,7 @@

Contribua

+ diff --git a/docs/javascript.html b/docs/javascript.html index 541630c641bb..125918757e0f 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -1386,6 +1386,7 @@

Markup

+ diff --git a/docs/less.html b/docs/less.html index f95a9a6c58c8..ff79800cd199 100644 --- a/docs/less.html +++ b/docs/less.html @@ -785,6 +785,7 @@

Simpless

+ diff --git a/docs/scaffolding.html b/docs/scaffolding.html index 51e9c74d10ff..f9c0664aafe7 100644 --- a/docs/scaffolding.html +++ b/docs/scaffolding.html @@ -406,6 +406,7 @@

Template para Media query

+ diff --git a/docs/templates/layout.mustache b/docs/templates/layout.mustache index 13bc25ef75c9..7b18b8e459d5 100644 --- a/docs/templates/layout.mustache +++ b/docs/templates/layout.mustache @@ -99,6 +99,7 @@ + diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache index 1c5b167e549b..86f2278e69fb 100644 --- a/docs/templates/pages/base-css.mustache +++ b/docs/templates/pages/base-css.mustache @@ -934,6 +934,41 @@
+
+ Formulários personalizados +

Há a possibilidade de deixar os selectboxes personalizados, usando CSS e o plugin do jQuery selectbox

+
+ +
+ +
+
+

Para deixá-lo desta forma, inclua o plugin selectbox e use o seguinte código:

+
+$('.select-custom').selectbox();
+
+

E no markup:

+
+<div class="control-group">
+  <label class="control-label" for="multiSelect">Select personalizado</label>
+  <div class="controls">
+    <select id="selectCustom" class="select-custom">
+      <option>personalizado 1</option>
+      <option>personalizado 2</option>
+      <option>personalizado 3</option>
+      <option>personalizado 4</option>
+      <option>personalizado 5</option>
+    </select>
+  </div>
+</div>
+
+
diff --git a/docs/upgrading.html b/docs/upgrading.html index beb859f35d4a..c18e5aec9f3b 100644 --- a/docs/upgrading.html +++ b/docs/upgrading.html @@ -183,6 +183,7 @@

Rough outline

+ diff --git a/js/jquery.selectbox-0.1.3.js b/js/jquery.selectbox-0.1.3.js new file mode 100644 index 000000000000..2571d67ab0b0 --- /dev/null +++ b/js/jquery.selectbox-0.1.3.js @@ -0,0 +1,419 @@ +/*! + * jQuery Selectbox plugin 0.1.3 + * + * Copyright 2011, Dimitar Ivanov (http://www.bulgaria-web-developers.com/projects/javascript/selectbox/) + * Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) license. + * + * Date: Wed Jul 29 23:20:57 2011 +0200 + */ +(function ($, undefined) { + var PROP_NAME = 'selectbox', + FALSE = false, + TRUE = true; + /** + * Selectbox manager. + * Use the singleton instance of this class, $.selectbox, to interact with the select box. + * Settings for (groups of) select boxes are maintained in an instance object, + * allowing multiple different settings on the same page + */ + function Selectbox() { + this._state = []; + this._defaults = { // Global defaults for all the select box instances + classHolder: "sbHolder", + classHolderDisabled: "sbHolderDisabled", + classSelector: "sbSelector", + classOptions: "sbOptions", + classGroup: "sbGroup", + classSub: "sbSub", + classDisabled: "sbDisabled", + classToggleOpen: "sbToggleOpen", + classToggle: "sbToggle", + speed: 200, + effect: "slide", // "slide" or "fade" + onChange: null, //Define a callback function when the selectbox is changed + onOpen: null, //Define a callback function when the selectbox is open + onClose: null //Define a callback function when the selectbox is closed + }; + } + + $.extend(Selectbox.prototype, { + /** + * Is the first field in a jQuery collection open as a selectbox + * + * @param {Object} target + * @return {Boolean} + */ + _isOpenSelectbox: function (target) { + if (!target) { + return FALSE; + } + var inst = this._getInst(target); + return inst.isOpen; + }, + /** + * Is the first field in a jQuery collection disabled as a selectbox + * + * @param {HTMLElement} target + * @return {Boolean} + */ + _isDisabledSelectbox: function (target) { + if (!target) { + return FALSE; + } + var inst = this._getInst(target); + return inst.isDisabled; + }, + /** + * Attach the select box to a jQuery selection. + * + * @param {HTMLElement} target + * @param {Object} settings + */ + _attachSelectbox: function (target, settings) { + if (this._getInst(target)) { + return FALSE; + } + var $target = $(target), + self = this, + inst = self._newInst($target), + sbHolder, sbSelector, sbToggle, sbOptions, + s = FALSE, optGroup = $target.find("optgroup"), opts = $target.find("option"), olen = opts.length; + + $target.attr("sb", inst.uid); + + $.extend(inst.settings, self._defaults, settings); + self._state[inst.uid] = FALSE; + $target.hide(); + + function closeOthers() { + var key, uid = this.attr("id").split("_")[1]; + for (key in self._state) { + if (key !== uid) { + if (self._state.hasOwnProperty(key)) { + if ($(":input[sb='" + key + "']")[0]) { + self._closeSelectbox($(":input[sb='" + key + "']")[0]); + } + } + } + } + } + + sbHolder = $("
", { + "id": "sbHolder_" + inst.uid, + "class": inst.settings.classHolder + " " + (($target.attr("class") != undefined) ? $target.attr("class") : "") + }); + + sbSelector = $("", { + "id": "sbSelector_" + inst.uid, + "href": "#", + "class": inst.settings.classSelector, + "click": function (e) { + e.preventDefault(); + closeOthers.apply($(this), []); + var uid = $(this).attr("id").split("_")[1]; + if (self._state[uid]) { + self._closeSelectbox(target); + } else { + self._openSelectbox(target); + } + } + }); + + sbToggle = $("", { + "id": "sbToggle_" + inst.uid, + "href": "#", + "class": inst.settings.classToggle, + "click": function (e) { + e.preventDefault(); + closeOthers.apply($(this), []); + var uid = $(this).attr("id").split("_")[1]; + if (self._state[uid]) { + self._closeSelectbox(target); + } else { + self._openSelectbox(target); + } + } + }); + sbToggle.appendTo(sbHolder); + + sbOptions = $("
- Formulários personalizados -

Há a possibilidade de deixar os selectboxes personalizados, usando CSS e o plugin do jQuery selectbox

+ SelectBox Personalizado +

Há a possibilidade de deixar os selectboxes personalizados, usando CSS e o plugin do jQuery custom selectbox

- @@ -1032,6 +1032,33 @@

Form Horizontal

</select> </div> </div> + +
+
+ Checkbox Personalizado +

Há a possibilidade também de deixar os checkboxes personalizados, usando CSS e o plugin do jQuery custom input

+
+
+
+ + +
+
+
+

Para deixá-lo desta forma, inclua o plugin customInput e use o seguinte código:

+
+$('.custom-checkbox').customInput();
+
+

E no markup:

+
+<div class="control-group">
+  <div class="controls">
+    <div class="checkbox">
+      <input type="checkbox" id="optionsCustomCheckbox" value="option1" class="custom-checkbox">
+      <label for="optionsCustomCheckbox">Opção um de um checkbox personalizado</label>
+    </div>
+  </div>
+</div>
 
@@ -1549,6 +1576,7 @@

Exemplos

+ diff --git a/docs/components.html b/docs/components.html index 4078068767a2..162e5378d61e 100644 --- a/docs/components.html +++ b/docs/components.html @@ -1285,6 +1285,7 @@

Suporte a browsers

+ diff --git a/docs/download.html b/docs/download.html index 1a6e209c5493..0336a6396293 100644 --- a/docs/download.html +++ b/docs/download.html @@ -334,6 +334,7 @@

O que será incluído?

+ diff --git a/docs/examples.html b/docs/examples.html index 077eb95ecf6d..042bb792daf4 100644 --- a/docs/examples.html +++ b/docs/examples.html @@ -125,6 +125,7 @@

Examples from 1.x

+ diff --git a/docs/index.html b/docs/index.html index 32f938c3e8e1..04b31f533c2d 100644 --- a/docs/index.html +++ b/docs/index.html @@ -275,6 +275,7 @@

Contribua

+ diff --git a/docs/javascript.html b/docs/javascript.html index 125918757e0f..19710ba76658 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -1387,6 +1387,7 @@

Markup

+ diff --git a/docs/less.html b/docs/less.html index ff79800cd199..1d6889f1ad35 100644 --- a/docs/less.html +++ b/docs/less.html @@ -786,6 +786,7 @@

Simpless

+ diff --git a/docs/scaffolding.html b/docs/scaffolding.html index f9c0664aafe7..05e3fea198f3 100644 --- a/docs/scaffolding.html +++ b/docs/scaffolding.html @@ -407,6 +407,7 @@

Template para Media query

+ diff --git a/docs/templates/layout.mustache b/docs/templates/layout.mustache index 7b18b8e459d5..e5bd37d020f6 100644 --- a/docs/templates/layout.mustache +++ b/docs/templates/layout.mustache @@ -100,6 +100,7 @@ + diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache index 86f2278e69fb..c58eb2569b02 100644 --- a/docs/templates/pages/base-css.mustache +++ b/docs/templates/pages/base-css.mustache @@ -935,12 +935,12 @@
- Formulários personalizados -

Há a possibilidade de deixar os selectboxes personalizados, usando CSS e o plugin do jQuery selectbox

+ SelectBox Personalizado +

Há a possibilidade de deixar os selectboxes personalizados, usando CSS e o plugin do jQuery custom selectbox

- @@ -967,6 +967,33 @@ $('.select-custom').selectbox(); </select> </div> </div> + +
+
+ Checkbox Personalizado +

Há a possibilidade também de deixar os checkboxes personalizados, usando CSS e o plugin do jQuery custom input

+
+
+
+ + +
+
+
+

Para deixá-lo desta forma, inclua o plugin customInput e use o seguinte código:

+
+$('.custom-checkbox').customInput();
+
+

E no markup:

+
+<div class="control-group">
+  <div class="controls">
+    <div class="checkbox">
+      <input type="checkbox" id="optionsCustomCheckbox" value="option1" class="custom-checkbox">
+      <label for="optionsCustomCheckbox">Opção um de um checkbox personalizado</label>
+    </div>
+  </div>
+</div>
 
diff --git a/docs/upgrading.html b/docs/upgrading.html index c18e5aec9f3b..d6762091c61d 100644 --- a/docs/upgrading.html +++ b/docs/upgrading.html @@ -184,6 +184,7 @@

Rough outline

+ diff --git a/js/jquery.customInput.js b/js/jquery.customInput.js new file mode 100644 index 000000000000..70b5fa34ec91 --- /dev/null +++ b/js/jquery.customInput.js @@ -0,0 +1,65 @@ +/*-------------------------------------------------------------------- + * jQuery plugin: customInput() + * by Maggie Wachs and Scott Jehl, http://www.filamentgroup.com + * Copyright (c) 2009 Filament Group + * Dual licensed under the MIT (filamentgroup.com/examples/mit-license.txt) and GPL (filamentgroup.com/examples/gpl-license.txt) licenses. + * Article: http://www.filamentgroup.com/lab/accessible_custom_designed_checkbox_radio_button_inputs_styled_css_jquery/ + * Usage example below (see comment "Run the script..."). +--------------------------------------------------------------------*/ + + +jQuery.fn.customInput = function(){ + $(this).each(function(i){ + if($(this).is('[type=checkbox],[type=radio]')){ + var input = $(this); + + // get the associated label using the input's id + var label = $('label[for='+input.attr('id')+']'); + + //get type, for classname suffix + var inputType = (input.is('[type=checkbox]')) ? 'checkbox' : 'radio'; + + // wrap the input + label in a div + $('
').insertBefore(input).append(input, label); + + // find all inputs in this set using the shared name attribute + var allInputs = $('input[name="'+input.attr('name')+'"]'); + + // necessary for browsers that don't support the :hover pseudo class on labels + label.hover( + function(){ + $(this).addClass('hover'); + if(inputType == 'checkbox' && input.is(':checked')){ + $(this).addClass('checkedHover'); + } + }, + function(){ $(this).removeClass('hover checkedHover'); } + ); + + //bind custom event, trigger it, bind click,focus,blur events + input.bind('updateState', function(){ + if (input.is(':checked')) { + if (input.is(':radio')) { + allInputs.each(function(){ + $('label[for='+$(this).attr('id')+']').removeClass('checked'); + }); + }; + label.addClass('checked'); + } + else { label.removeClass('checked checkedHover checkedFocus'); } + + }) + .trigger('updateState') + .click(function(){ + $(this).trigger('updateState'); + }) + .focus(function(){ + label.addClass('focus'); + if(inputType == 'checkbox' && input.is(':checked')){ + $(this).addClass('checkedFocus'); + } + }) + .blur(function(){ label.removeClass('focus checkedFocus'); }); + } + }); +}; \ No newline at end of file diff --git a/lib/form-custom.less b/lib/form-custom.less index 6c011b5f9654..de1f33c95a4c 100644 --- a/lib/form-custom.less +++ b/lib/form-custom.less @@ -1,4 +1,4 @@ -// Selectbox and checkbox custom +// Selectbox custom // ----------------------------- .sbHolder{ @@ -132,4 +132,42 @@ .sbSub{ padding-left: 17px; } -} \ No newline at end of file +} + +// Checkbox custom +// ----------------------------- + +.custom-checkbox { + position: relative; + + input { + position: absolute; + margin: 0; + z-index: 0; + left: 20px; + top: 3px; + } + + label { + display: block; + position: relative; + z-index: 1; + font-size: 13px; + padding-right: 10px; + line-height: 1; + padding: 2px 0 1px 22px; + margin-left: 0px !important; + cursor: pointer; + width: auto; + background: url('http://s.videos.globo.com/gv/assets/images/icon/checkbox.png') no-repeat; + background-position: 0 -26px; + height: 16px; + &.hover, + &.focus { + background-position: 0 -26px; + } + &.checked { + background-position: 0 0; + } + } +} \ No newline at end of file From 5e6076790561741b1062c5bcfc6c0975d6d600d3 Mon Sep 17 00:00:00 2001 From: Alexandre Magno Date: Wed, 28 Mar 2012 11:30:48 -0300 Subject: [PATCH 016/151] add a charcount bootstrap plugin and added at documentation --- bootstrap.css | 2 +- docs/assets/js/application.js | 13 ++-- docs/base-css.html | 13 ++-- docs/components.html | 13 ++-- docs/download.html | 13 ++-- docs/examples.html | 13 ++-- docs/index.html | 13 ++-- docs/javascript.html | 74 ++++++++++++++++++++-- docs/less.html | 13 ++-- docs/scaffolding.html | 13 ++-- docs/templates/layout.mustache | 13 ++-- docs/templates/pages/javascript.mustache | 61 ++++++++++++++++++ docs/upgrading.html | 13 ++-- js/bootstrap-charcount.js | 78 ++++++++++++++++++++++++ 14 files changed, 279 insertions(+), 66 deletions(-) create mode 100644 js/bootstrap-charcount.js diff --git a/bootstrap.css b/bootstrap.css index 41eea33d5895..369f0a7a804a 100644 --- a/bootstrap.css +++ b/bootstrap.css @@ -6,7 +6,7 @@ * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. - * Date: Tue Mar 27 17:54:12 BRT 2012 + * Date: Wed Mar 28 10:51:12 BRT 2012 */ article, aside, diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js index 7b7d8d4c6ff0..db8fc832eca0 100644 --- a/docs/assets/js/application.js +++ b/docs/assets/js/application.js @@ -144,15 +144,15 @@ $(function () { // tooltip demo $('.tooltip-demo.well').tooltip({ selector: "a[rel=tooltip]" - }) - $('.tooltip-test').tooltip() + }); + $('.tooltip-test').tooltip(); // popover demo $("a[rel=popover]") .popover() .click(function(e) { e.preventDefault() - }) + }); // button state demo $('#fat-btn') @@ -162,7 +162,7 @@ $(function () { setTimeout(function () { btn.button('reset') }, 3000) - }) + }); // carousel demo $('#myCarousel').carousel(); @@ -170,10 +170,13 @@ $(function () { // custom select demo $('.custom-select').selectbox(); + // custom input demo $('.custom-checkbox').customInput(); + // charcount with tooltip + $('#input-charcount').charcount(); -}) +}); // Modified from the original jsonpi https://github.com/benvinegar/jquery-jsonpi diff --git a/docs/base-css.html b/docs/base-css.html index bba222ee6956..3842e842f96d 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -36,22 +36,22 @@ Bootstrap + +

{{_i}}Globo.com sites using Bootstrap.{{/i}}

+ diff --git a/docs/upgrading.html b/docs/upgrading.html index 2a2c3981867f..f6508998c28c 100644 --- a/docs/upgrading.html +++ b/docs/upgrading.html @@ -2,7 +2,7 @@ - Upgrading · Twitter Bootstrap + Globo.com Bootstrap @@ -44,29 +44,29 @@ @@ -79,8 +79,8 @@
-

Upgrading to Bootstrap 2

-

Learn about significant changes and additions since v1.4 with this handy guide.

+

Atualizando para o Bootstrap 2

+

Aprenda sobre mudanças significativas e adições desde a versão 1.4 com este guia de mão

@@ -89,13 +89,13 @@

Upgrading to Bootstrap 2

================================================== -->
    -
  • Docs: major updates across the board to general structure, examples, and code snippets. Also made responsive with new media queries.
  • -
  • Docs: all docs pages are now powered by Mustache templates and strings are wrapped in i18n tags for translation by the Twitter Translation Center. All changes to documentation must be done here and then compiled (similar to our CSS and LESS).
  • -
  • Repo directory structure: removed the compiled CSS from the root in favor of a large direct download link on the docs homepage. Compiled CSS is in /docs/assets/css/.
  • -
  • Docs and repo: one makefile, just type make in the Terminal and get updated docs and CSS.
  • +
  • Docs: atualizações maiores sobre a estrutura geral, exemplos e pedaços de código. Também um modo responsivo com os novos media queries
  • +
  • Docs: Todas páginas de documentação foram construídos com templates mustache e as strings estão circundadas em tags i18n para tradução pelo centro de tradução do Twitter. Todas mudanças na documentação devem ser feitas aqui e então compiladas (similar ao nosso CSS e LESS)
  • +
  • Estrutura de diretório do repositório: o css compilado foi removido da fonte em favor do download direto no link da página inicial. O CSS compilado encontra-se em /docs/assets/css/
  • +
  • Docs e repo: Um arquivo make, simplesmente digite make no terminal e fique atualizado com documentação e CSS
@@ -105,18 +105,18 @@

Project changes

================================================== -->
-

Grid system

+

Sistema de Grid

    -
  • Updated grid system, now only 12 columns instead of 16 -
  • Responsive approach means your projects virtually work out of the box on smartphones, tablets, and more
  • -
  • Removed unused (by default) grid columns support for 17-24 columns
  • +
  • Sistema de grid atualizado, somente 12 colunas ao invés de 16 +
  • O uso do design responsivo significa que seus projetos virtualmente irá funcionar fora da caixa em smartphones, tables e mais
  • +
  • Removido do grid (por padrão) colunas do grid para 17-24 colunas
-

Responsive (media queries)

+

Responsivo (media queries)

    -
  • Media queries added for basic support across mobile and tablet devices -
  • Responsive CSS is compiled separately, as bootstrap-responsive.css
  • +
  • Media queries adicionados para suporte básico para dispositivos móveis e dispositivos tablets +
  • CSS responsivo é compilado separadamente, como boostrap-responsive.css
@@ -126,50 +126,50 @@

Responsive (media queries)

================================================== -->
-

Typography

+

Tipografia

    -
  • h4 elements were dropped from 16px to 14px with a default line-height of 18px
  • -
  • h5 elements were dropped from 14px to 12px
  • -
  • h6 elements were dropped from 13px to 11px
  • -
  • Right-aligned option for blockquotes if float: right;
  • +
  • Elementos h4 foram passados de 16px para 14px com um line-height padrão de 18px
  • +
  • Elementos h5 foram dropados de 14px para 12px
  • +
  • Elementos h6 foram dropados de 13px para 11px
  • +
  • Alinhamento a direita para blocos de citações se estiver float: right; habilitado
-

Code

+

Código

    -
  • New graphical style for <code>
  • -
  • Google Code Prettify styles updated (based on GitHub's gists)
  • +
  • Novo estilo gráfico para <code>
  • +
  • Estilos do Google code Prettify atualizados (baseado nos gists do github)
-

Tables

+

Tabelas

    -
  • Improved support for colspan and rowspan
  • -
  • Styles now restricted to new base class, .table
  • -
  • Table classes standardized with .table- required as a prefix
  • -
  • Removed unused table color options (too much code for such little impact)
  • -
  • Dropped support for TableSorter
  • +
  • Suporte otimizado para colspan e rowspan
  • +
  • Os estilos agora estão restritos a nova classe base, .table
  • +
  • Classes da tabela estão padronizadas com .table- requerida como prefixo
  • +
  • Removido as opções de cores não usadas de tabela (muito código para pouco impacto)
  • +
  • Retirado suporte para TableSorter
-

Buttons

+

Botões

    -
  • New classes for colors and sizes, all prefixed with .btn-
  • -
  • IE9: removed gradients and added rounded corners
  • -
  • Updated active state to make styling clearer in button groups (new) and look better with custom transition
  • -
  • New mixin, .buttonBackground, to set button gradients
  • -
  • The .secondary class was removed from modal examples in our docs as it never had associated styles.
  • +
  • Novas classes para cores e tamanhos, todos fixados com .btn-
  • +
  • IE9: removido gradientes e adicionada bordas arredondadas
  • +
  • Atualizado estados ativos para tornar o estilo mais claro em grupos de botões (novos) e ficar melhor com transições customizadas
  • +
  • Novo mixin, .buttonBackground para gradientes de botões
  • +
  • A class .secondary foi removida dos exemplos do modal na nossa documentação por nunca ter tido estilo associado
-

Forms

+

Formulários

    -
  • Default form style is now vertical (stacked) to use less CSS and add greater flexibility
  • -
  • Form classes standardized with .form- required as a prefix
  • -
  • New built-in form defaults for search, inline, and horizontal forms
  • -
  • For horizontal forms, previous classes .clearfix and .input are equivalent to the new .control-group and .controls.
  • -
  • More flexible horizontal form markup with classes for all styling, including new optional class for the label
  • -
  • Form states: colors updated and customizable via new LESS variables
  • +
  • Estilos padrão para os formulários verticais (estagnados) para usar o less CSS e ter uma maior flexibilidade
  • +
  • Classes de formulário padronizadas com .form- requerido como prefixo
  • +
  • Novo padrão de formulários para busca, mesma linha e horizontal
  • +
  • Para formulários horizontais, as classes .clearfix e .input são equivalentes ao novo .control-group e .controls.
  • +
  • Markup de formulário horizontal com as classes para estilização, incluindo classes opcionais para a tag label
  • +
  • Estados de formulário: cores atualizadas e customizadas via variáveis LESS
-

Icons, by Glyphicons

+

Ícones por Glyphicons

    -
  • New Glyphicons Halflings icon set added in sprite form, in black and white
  • -
  • Simple markup required for an icon in tons of contexts: <i class="icon-cog"></>
  • -
  • Add another class, .icon-white, for white variation of the same icon
  • +
  • Novos Glyphicons com tamanho diferente (metade) adicionado no sprite do formulário, em preto e branco
  • +
  • Marcação requerida para um ícone em tons e contexto: <i class="icon-cog"></>
  • +
  • Adicionado uma nova classe, .icon-white para a variação branca do mesmo ícone
@@ -179,63 +179,63 @@

Icons, by Glyphicons

================================================== -->
-

Button groups and dropdowns

+

Grupos de botões e dropdowns

    -
  • Two brand new components in 2.0: button groups and button dropdowns
  • -
  • Dependency: button dropdowns are built on button groups, and therefore require all their styles
  • -
  • Button groups, .btn-group, can be grouped one level higher with a button toolbar, .btn-toolbar
  • +
  • Dois novos componentes de marca: grupos de botões e dropdowns de botões
  • +
  • Dependência: dropdowns de botões foram construídos como grupos de botões, e desta forma todos estilos são necessários
  • +
  • Botões de grupos, .btn-group, podem ser agrupados em um nível maior com uma barra de botão, o .btn-toolbar
-

Navigation

+

Navegação

    -
  • Tabs and pills now require the use of a new base class, .nav, on their <ul> and the class names are now .nav-pills and .nav-tabs.
  • -
  • New nav list variation added that uses the same base class, .nav
  • -
  • Vertical tabs and pills have been added—just add .nav-stacked to the <ul>
  • -
  • Pills were restyled to be less rounded by default
  • -
  • Pills now have dropdown menu support (they share the same markup and styles as tabs)
  • +
  • Abas e pílulas agora requer o uso de uma nova class base, .nav, no seus <ul> e os nomes das classes são agora .nav-pills e .nav-tabs.
  • +
  • Nova variação de uma lista de navegação adicionado que usam algumas classes base, a .nav
  • +
  • Abas verticais e pílulas foram adicionadas, só adicione .nav-stacked à <ul>
  • +
  • Pílulas foram reestilizadas com bordas arredondadas por padrão
  • +
  • Pílulas agora tem suporte a menus dropdown (Eles compartilham o mesmo markup de estilos e tabs)
-

Navbar (formerly topbar)

+

Barra de navegação (neste caso no topo)

    -
  • Base class changed from .topbar to .navbar
  • -
  • Now supports static position (default behavior, not fixed) and fixed to the top of viewport via .navbar-fixed-top (previously only supported fixed)
  • -
  • Added vertical dividers to top-level nav
  • -
  • Improved support for inline forms in the navbar, which now require .navbar-form to properly scope styles to only the intended forms.
  • -
  • Navbar search form now requires use of the .navbar-search class and its input the use of .search-query. To position the search form, you must use .pull-left or .pull-right.
  • -
  • Added optional responsive markup for collapsing navbar contents for smaller resolutions and devices. See navbar docs for how to utilize.
  • +
  • A classe base modificada de .topbar para .navbar
  • +
  • Adicionado suporte a posição estática (comportamento padrão, não fixo) e fixado para o topo do viewport através do .navbar-fixed-top (previamente só suportado fixo)
  • +
  • Adicionado divisores verticais à navegação de maior nível
  • +
  • Suporte de formulários inline na navegação do topo, que agora requer .navbar-form para dar um estilo aos escopos somente para os formulários desejados
  • +
  • A busca na barra de navegação agora requer o uso da classe .navbar-search e o uso de .search-query no input. Para posicionar o formulário de busca, você deve usar as classes .pull-left or .pull-right.
  • +
  • Adicionada marcação responsiva para colapsar conteúdos da barra de conteúdo para pequenas resoluções e dispositivos. Veja a documentação das barras de navegação para saber como utilizar.
-

Dropdown menus

+

Menus dropdown

    -
  • Updated the .dropdown-menu to tighten up spacing
  • -
  • Now requires you to add a <span class="caret"></span> to show the dropdown arrow
  • -
  • Now requires you to add a data-toggle="dropdown" attribute to obtain toggling behavior
  • -
  • The navbar (fixed topbar) has brand new dropdowns. Gone are the dark versions and in their place are the standard white ones with an additional caret at their tops for clarity of position.
  • +
  • Atualizada a classe .dropdown-menu para diminuir o espaço
  • +
  • Agora requer que você adicione uma classe <span class="caret"></span> para mostrar a seta do dropdown
  • +
  • Requer que você adicione um atributo data-toggle="dropdown" para obter o comportamento de alternância
  • +
  • A barra de navegação(fixa) tem novos dropdowns.
-

Labels

+

Labels(rótulos)

    -
  • Label colors updated to match form state colors
  • -
  • Not only do they match graphically, but they are powered by the same new variables
  • +
  • Nomes das cores atualizadas para funcionarem como estados das cores dos formulários
  • +
  • Não somente para funcionar graficamente, mas eles também vêm da mesma variável
-

Thumbnails

+

Imagem miniaturas

    -
  • Formerly .media-grid, now just .thumbnails, we've thoroughly extended this component for more uses while maintaining overall simplicity out of the box.
  • -
  • Individual thumbnails now require .thumbnail class
  • +
  • Extendemos .media-grid
  • +
  • Miniaturas agora tem uma classe .thumbnail
-

Alerts

+

Alertas

    -
  • New base class: .alert instead of .alert-message
  • -
  • Class names standardized for other options, now all starting with .alert-
  • -
  • Redesigned base alert styles to combine the default alerts and block-level alerts into one
  • -
  • Block level alert class changed: .alert-block instead of .block-message
  • +
  • Nova classe base .alert ao invés de .alert-message
  • +
  • Nomes de classes padronizadas para outras opções, agora começam com a classe .alert-
  • +
  • Redesenhado estilos bases para combinar com os alertas padrões e alertas níveis bloco em um só
  • +
  • Alertas em bloco tem nome de classe diferente: .alert-block ao invés de .block-message
-

Progress bars

+

Barra de progresso

    -
  • New in 2.0
  • -
  • Features multiple styles via classes, including striped and animated variations via CSS3
  • +
  • Novo no 2.0
  • +
  • Funcionalidades múltiplas via classes, incluindo animações zebradas em CSS3
-

Miscellaneous components

+

Componentes gerais

    -
  • Added documentation for the well component and the close icon (used in modals and alerts)
  • +
  • Adicionada documentação para componentes e ícones de fechar (usado para modal e alerts)
@@ -245,24 +245,24 @@

Miscellaneous components

================================================== -->
- Heads up! We've rewritten just about everything for our plugins, so head on over to the Javascript page to learn more. + Atenção! Nós reescrevemos tudo sobre plugins, então meta a cabeça na página de Javascript para saber mais
-

Tooltips

+

Tooltip

    -
  • The plugin method has been renamed from twipsy() to tooltip(), and the class name changed from twipsy to tooltip.
  • -
  • The placement option value that was below is now bottom, and above is now top.
  • -
  • The animate option was renamed to animation.
  • -
  • The html option was removed, as the tooltips default to allowing HTML now.
  • +
  • O método do plugin foi renomeado de twipsy() para tooltip() e o nome da classe mudou de twipsy para tooltip.
  • +
  • A opção placement que era below é agora bottom, e above é agora top.
  • +
  • A opção animate foi renomeada para animation
  • +
  • A opção html foi removida, pois os tooltips HTML agora

Popovers

    -
  • Child elements now properly namespaced: .title to .popover-title, .inner to .popover-inner, and .content to .popover-content.
  • -
  • The placement option value that was below is now bottom, and above is now top.
  • +
  • Elementos filhos agora estão com namespace: .title para .popover-title, .inner para .popover-inner, e .content para .popover-content.
  • +
  • A opção placement que era below é agora bottom, e above é agora top.
-

New plugins

+

Novos plugins

+ +

Sites da Globo.com usando o Bootstrap

+ @@ -227,6 +246,7 @@

Construído com o Bootstrap

diff --git a/docs/javascript.html b/docs/javascript.html index 86fb9367bf01..2ec434813bef 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -2,7 +2,7 @@ - Twitter Bootstrap + Globo.com Bootstrap @@ -469,7 +469,7 @@

Marcação

</li> ... </ul> -

To keep URLs intact, use the data-target attribute instead of href="#".

+

Para manter as urls intactas, use o atributo data-target ao invés de href="#".

 <ul class="nav nav-pills">
   <li class="dropdown">
@@ -563,7 +563,7 @@ 

Marcação

Métodos

.scrollspy('refresh')

-

When using scrollspy in conjunction with adding or removing of elements from the DOM, you'll need to call the refresh method like so:

+

Quando usar scrollspy em conjunção adicionando ou removendo elementos no DOM, assim você vai precisar chamar o método refresh assim:

 $('[data-spy="scroll"]').each(function () {
   var $spy = $(this).scrollspy('refresh')
@@ -598,8 +598,8 @@ 

Eventos

- activate - This event fires whenever a new item becomes activated by the scrollspy. + ativar + Este evento dispara enquanto o novo item se torna ativo com o scrollspy @@ -650,13 +650,13 @@

Exemplo de abas


Usando o bootstrap-tag.js

-

Enable tabbable tabs via javascript (each tab needs to be activated individually):

+

Habilita abas tabeáveis via javascript (cada aba precisa ser ativada individualmente):

 $('#myTab a').click(function (e) {
   e.preventDefault();
   $(this).tab('show');
 })
-

You can activate individual tabs in several ways:

+

Você pode ativar abas individuais de diferentes formas

 $('#myTab a[href="#profile"]').tab('show'); // Select tab by name
 $('#myTab a:first').tab('show'); // Select first tab
@@ -664,7 +664,7 @@ 

Usando o bootstrap-tag.js

$('#myTab li:eq(2) a').tab('show'); // Select third tab (0-indexed)

Marcação

-

You can activate a tab or pill navigation without writing any javascript by simply specifying data-toggle="tab" or data-toggle="pill" on an element. Adding the nav and nav-tabs classes to the tab ul will apply the bootstrap tab styling.

+

Você pode ativar uma aba ou navegação em pílula sem escrever nenhum javascript simplesmente especificando um data-toggle="tab" ou data-toggle="pill" em um elemento. Adicionando as classes nav e nav-tabs para a aba ul irá aplicar o estilo de aba do bootstrap

 <ul class="nav nav-tabs">
   <li><a href="#home" data-toggle="tab">Início</a></li>
@@ -675,7 +675,7 @@ 

Marcação

Métodos

$().tab

- Activates a tab element and content container. Tab should have either a data-target or an href targeting a container node in the DOM. + Ativar a o elemento aba e container de conteúdo. As abas deveriam ter um data-target ou um href nó de conteúdo no DOM

 <ul class="nav nav-tabs" id="myTab">
@@ -796,7 +796,7 @@ 

Opções

number | object 0 -

delay showing and hiding the tooltip (ms) - does not apply to manual trigger type

+

Um intervalo que mostra e esconde o tooltip (ms) - não aplica um tipo de disparo de evento

Se um número é fornecido, o delay é aplicado no esconder/mostrar

A estrutura do objeto é: delay: { show: 500, hide: 100 }

@@ -905,7 +905,7 @@

Opções

number | object 0 -

delay showing and hiding the popover (ms) - does not apply to manual trigger type

+

Intervalo para mostrar e esconder o popover (ms) - não aplica ao uso do evento no modo manual

Se um número é fornecido, o delay é aplicado no esconder/mostrar

A estrutura do objeto é: delay: { show: 500, hide: 100 }

@@ -1126,7 +1126,7 @@

Colapsáveis bootstrap-collapse.js

Sobre

Tenha estilos base e suporte flexível para componentes colapsáveis como acordeões e navegação

Download do arquivo -

* Requires the Transitions plugin to be included.

+

* Requer que o plugin de transição seja incluído

Exemplo de accordion

@@ -1334,7 +1334,7 @@

Opções

intervalo número 5000 - The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle. + A quantidade de tempo para um intervalo que automaticamente coloca um item em ciclos. Se falso, o carousel irá automaticamente em ciclo pause @@ -1487,6 +1487,7 @@

.typeahead(opções)

diff --git a/docs/less.html b/docs/less.html index c4eeb8ed6c34..22b6305db1ed 100644 --- a/docs/less.html +++ b/docs/less.html @@ -2,7 +2,7 @@ - Twitter Bootstrap + Globo.com Bootstrap @@ -139,19 +139,19 @@

Operações

As variáveis do Bootstrap variáveis LESS, seus valores, e guias de uso

-

Scaffolding and links

+

Construção e links

- + - + @@ -812,17 +812,17 @@

Grid system

- + - + - +
@bodyBackground @whitePage background colorCor de fundo da página
@textColor @grayDarkDefault text color for entire body, headings, and moreCor de texto padrão para o corpo completo, cabeçalho e mais
#grid > .fluid() @fluidGridColumnWidth, @fluidGridGutterWidthGenerate a percent grid system with n columns and x % wide gutterGera um sistema de grid em percentagens com n colunas e x % de espaçamento entre colunas
#grid > .input() @gridColumnWidth, @gridGutterWidthGenerate the pixel grid system for input elements, accounting for padding and bordersGera um sistema de grid em pixal para elementos input, contando com padding e bordas
.makeColumn @columns: 1, @offset: 0Turn any div into a grid column without the .span* classesTransforme qualquer div em um grid de coluna sem uma .span* classes
@@ -889,7 +889,7 @@

Propriedades CSS3

.backface-visibility() @visibility: visible - Prevent flickering of content when using CSS 3D transforms + Prever um tremido no conteúdo usando transformações CSS em 3D .resizable() @@ -904,7 +904,7 @@

Propriedades CSS3

.hyphens() @mode: auto - CSS3 hyphenation when you want it (includes word-wrap: break-word) + Hifenização com CSS3 quando você quer (inclui word-wrap: break-word) @@ -982,7 +982,7 @@

Ferramentas para compilar

Node com makefile

-

Install the LESS command line compiler, JSHint, Recess, and uglify-js globally with npm by running the following command:

+

Instala uma linha de comando LESS ao compilador, JSHint, Recess, e uglify-js globalmente com npm executando o seguinte comando

$ npm install -g less jshint recess uglify-js

Uma vez instalado execute make da origem do seu diretório bootstrap e você está configurado.

Adicionalemnte, se você tiver um watchr instalado, você pode executar make watch para o bootstrap automaticamente reconstruir cada vez que você edita um arquivo na biblioteca do bootstrap(isto não é obrigatório, é só um método auxiliar)

@@ -1027,6 +1027,7 @@

Simpless

diff --git a/docs/scaffolding.html b/docs/scaffolding.html index 6953321d3f97..f236cce23f7e 100644 --- a/docs/scaffolding.html +++ b/docs/scaffolding.html @@ -2,7 +2,7 @@ - Twitter Bootstrap + Globo.com Bootstrap @@ -173,7 +173,7 @@

O sistema de grid padrão 12 colunas de largura com uma virada respon

-

The default grid system provided in Bootstrap utilizes 12 columns that render out at widths of 724px, 940px (default without responsive CSS included), and 1170px. Below 767px viewports, the columns become fluid and stack vertically.

+

O sistema de grid padrão do provido pelo Bootstrap utiliza 12 columns que renderiza uma largura de 724px, 940px (padrão sem css responsivo incluído), e 1170px. Abaixo de resoluções 767px, as colunas se tornam fluidas e estagnadas verticalmente.

@@ -184,7 +184,7 @@ 

O sistema de grid padrão 12 colunas de largura com uma virada respon

-

As shown here, a basic layout can be created with two "columns", each spanning a number of the 12 foundational columns we defined as part of our grid system.

+

Como mostrado aqui, um layout básico pode ser criado com dois "columns", cada um espaçando um número de 12 colunas fundacionais que nós definimos como parte do nosso sistema de grid.

@@ -235,7 +235,7 @@

Exemplo

 <div class="row">
   <div class="span6">
-    Level 1 column
+    Coluna nível 1
     <div class="row">
       <div class="span3">Nível 2</div>
       <div class="span3">Nível 2</div>
@@ -550,7 +550,7 @@ 

Classes utilitárias responsivas

O que elas são

-

For faster mobile-friendly development, use these basic utility classes for showing and hiding content by device.

+

Para desenvolvimento rápido em dispositivos móveis, uses estas classes utilitárias básicas que mostra e esconde conteúdo por dispositivo

Quando usar

Use uma limitada e básica versão do seu site para evitar criar diferentes versões do mesmo site. Ao invés disto, use-os como complemento de cada apresentação do dispositivo

Por exemplo, você pode mostrar um elemento <select> para navegação em layouts mobile, mas não em tablets ou desktops

@@ -607,16 +607,16 @@

Classes suportadas

Caso de teste

-

Resize your browser or load on different devices to test the above classes.

+

Redimensione seu browser ou carregar dispositivos diferentes para testar as classes acima

Visível em...

-

Green checkmarks indicate that class is visible in your current viewport.

+

Marcações verdes indica que a classe é visível na nossa atual resolução

  • Phone✔ Phone
  • Tablet✔ Tablet
  • Desktop✔ Desktop

Escondido em...

-

Here, green checkmarks indicate that class is hidden in your current viewport.

+

Aqui, marcas verdes indica que a classe é escondido na nossa resolução atual

  • Phone✔ Phone
  • Tablet✔ Tablet
  • @@ -638,6 +638,7 @@

    Escondido em...

    diff --git a/docs/upgrading.html b/docs/upgrading.html index 7caa98351f8d..f6508998c28c 100644 --- a/docs/upgrading.html +++ b/docs/upgrading.html @@ -2,7 +2,7 @@ - Twitter Bootstrap + Globo.com Bootstrap @@ -277,6 +277,7 @@

    Novos plugins

    From 12c1068349586e352e9da0d9201fe0ac1ac29d3f Mon Sep 17 00:00:00 2001 From: Alexandre Magno Date: Mon, 13 Aug 2012 13:49:10 -0300 Subject: [PATCH 107/151] changing title font to volkswagen --- docs/assets/css/docs.css | 9 +++++++++ docs/base-css.html | 1 + docs/components.html | 1 + docs/download.html | 1 + docs/examples.html | 1 + docs/index.html | 3 ++- docs/javascript.html | 1 + docs/less.html | 1 + docs/scaffolding.html | 1 + docs/templates/layout.mustache | 1 + docs/templates/pages/index.mustache | 2 +- docs/upgrading.html | 1 + 12 files changed, 21 insertions(+), 2 deletions(-) diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 92a4ec8e67f2..f5c2c613646b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -84,6 +84,15 @@ hr.soften { font-size: 14px; } +/* globo.com fontface */ + +.globocom-font { + font-family: VolkswagenSerial; + font-weight: normal; + font-style: normal; +} + + /* Masthead (docs home) */ .masthead { padding-top: 36px; diff --git a/docs/base-css.html b/docs/base-css.html index a48949d1b8ea..5a74cacd0433 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -12,6 +12,7 @@ +
    -

    Bootstrap, da Globo.com

    +

    Bootstrap, da Globo.com

    HTML, CSS e Javascript simples e flexíveis para componentes populares de interface e suas interações

    Ver projeto no Github diff --git a/docs/javascript.html b/docs/javascript.html index 2ec434813bef..850a87266a0d 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -12,6 +12,7 @@ +

    -

    {{_i}}Bootstrap, from Globo.com{{/i}}

    +

    {{_i}}Bootstrap, from Globo.com{{/i}}

    {{_i}}Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.{{/i}}

    {{_i}}View project on GitHub{{/i}} diff --git a/docs/upgrading.html b/docs/upgrading.html index f6508998c28c..7f5ee1e0862a 100644 --- a/docs/upgrading.html +++ b/docs/upgrading.html @@ -12,6 +12,7 @@ + + - + - + - + - + -

    -

    Bootstrap, da Globo.com

    +

    Bootstrap, da Globo.com

    HTML, CSS e Javascript simples e flexíveis para componentes populares de interface e suas interações

    Ver projeto no Github diff --git a/docs/javascript.html b/docs/javascript.html index 850a87266a0d..80bfc46a8ba5 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -8,11 +8,11 @@ + - + - + - + -

    -

    {{_i}}Bootstrap, from Globo.com{{/i}}

    +

    {{_i}}Bootstrap, from Globo.com{{/i}}

    {{_i}}Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.{{/i}}

    {{_i}}View project on GitHub{{/i}} diff --git a/docs/upgrading.html b/docs/upgrading.html index 7f5ee1e0862a..a39cba411451 100644 --- a/docs/upgrading.html +++ b/docs/upgrading.html @@ -8,11 +8,11 @@ + -

    -

    Bootstrap, da Globo.com

    +

    Bootstrap, da globo.com

    HTML, CSS e Javascript simples e flexíveis para componentes populares de interface e suas interações

    Ver projeto no Github @@ -127,7 +127,7 @@

    Desenhado para todos, em qualquer lugar

    -

    Feito para e por nerds

    +

    Feito para nerds e por nerds

    Como você, nós amamos construir maravilhosos produtods para a web. Nós amamos tanto, que nós decidimos ajudar pessoas como nós para tornar isto mais fácil, melhor e rápido. Bootstrap é construído para você.

    diff --git a/docs/templates/pages/index.mustache b/docs/templates/pages/index.mustache index 92869010239b..3a43b0fbe18f 100644 --- a/docs/templates/pages/index.mustache +++ b/docs/templates/pages/index.mustache @@ -2,7 +2,7 @@ ================================================== -->
    -

    {{_i}}Bootstrap, from Globo.com{{/i}}

    +

    {{_i}}Bootstrap, from globo.com{{/i}}

    {{_i}}Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.{{/i}}

    {{_i}}View project on GitHub{{/i}} From 76cd13a3ebf424e09e1d02f2edd72fc112897041 Mon Sep 17 00:00:00 2001 From: Alexandre Magno Date: Mon, 13 Aug 2012 15:17:10 -0300 Subject: [PATCH 111/151] updating docs --- README.md | 74 +++---------------------------------------------------- 1 file changed, 4 insertions(+), 70 deletions(-) diff --git a/README.md b/README.md index a3127c3dbd60..c7631d6cc34d 100644 --- a/README.md +++ b/README.md @@ -3,28 +3,15 @@ GLOBO BOOTSTRAP O Bootstrap da Globo, desenvolvido como uma extensão do Bootstrap do twitter, é um kit de ferramentas para facilmente usar componentes de interface para websites, aplicações e mais. Inclui folha de estilos padronizadas para tipografia, formulários, botões, tabelas, grids, navegação alertas e mais. -Para começar -- checkout https://github.com/globocom/bootstrap! +Para começar -- checkout https://github.com/globocom/bootstrap Uso ----- -Você pode usar o Globo Bootstrap de duas maneiras, simplesmente use o CSS compilado em algum projeto, ou execute o LESS no seu site e compile em tempo de execução like a boss. +Você pode usar o Globo Bootstrap fazendo o download dos componentes desejados na página de customização. -Versão less: - -``` html - - -``` - -A maneira CSS padrão - -``` html - -``` - -Para mais informações, consulte a documentação. +Uma outra forma é gerar os arquivos executando o comando make. Versionamento @@ -58,57 +45,7 @@ Roadmap --------------- ### 2.0 -* Barra da globo estendendo a barra do bootstrap -* Página de customização de download gerando o build corretamente - -### 1.0 -* Usar imagens no bootstrap no projeto -* Script de deploy para documentação webmedia -* Formulários personalizados para selectbox e checkbox -* Tipografia do H1 e H2 -* Box principal -* Validação de formulários - - -Changelog ------------------ -### 1.2.1 -* Corrigido alguns bugs na listagem ordenada -* Introduzida na página de documentação exemplos de uso com o plugin de sortable do jQuery-ui - -### 1.2 -* Criada seção de um componente css lista reordenáveis -* Importado sprite do jQuery UI, por enquanto somente com o mapeamento da classe do ícone que representa um item reordenável -* Espacamento do box-footer do boxe primário para dar uma melhor leitura e separação da barra - -### 1.1.3 -* Retirado bold dos botoes primários -* Posicionamento do checkbox original escondido no checkbox personalizado - -### 1.1.2 -* Acertado tamanho dos add-ons que ficaram com altura errada após todos os inputs no projeto terem um tamanho maior -* Tooltip nao contava apropriadamente os caracteres quando o usuário saia do campo e voltava novamente -* Modificando cor do texto no input com erro para a cor normal e mantendo o estado de erro no input e o texto auxiliar -* sinalização de disable no selecbox personalizado - -### 1.1.1 -* Caminho absoluto do sprite do globocms apontando para página de documentação -* Altura da cortina um pouco maior no plugin de alerta - -### 1.1 -* Estados de erro do selectbox personalizado -* Usando fonte da globo na página principal e a Proxima nos títulos das seções -* Alterada cor dos estados de erro geral para um vermelho mais claro -* Adicionado ao core o page-header para criar uma estrutura de título com borda inferior e possibilidade de ter botoes ao lado -* Adicionado na documentação a versão - -### 1.0 -* Tradução de todo conteúdo para português -* Seção de box para criar dashboards e boxes de formulários no CMA -* Criação de um plugin de contador de caracteres, integrado com o tooltip para inputs de formulário -* Extensão de um alerta para criar avisos no modo cortina -* Inserção de plugins para personalizar checkboxes e selectboxes - +* Integração com o bootstrap-server para downloads customizados Para desenvolvedores ---------------------- @@ -153,9 +90,6 @@ Autores + github/ggarnier + @guilhermgarnier - - - Copyright and license --------------------- From 5430d8ad035e4c14e8724302dc056722db70383f Mon Sep 17 00:00:00 2001 From: Alexandre Magno Date: Wed, 22 Aug 2012 19:41:48 -0300 Subject: [PATCH 112/151] 298 strings left to 2.1.1-wip translation --- docs/assets/js/bootstrap.js | 2 +- docs/assets/js/bootstrap.min.js | 2 +- docs/base-css.html | 708 +++++++++--------- docs/build/languages/pt-br.json | 631 ++++++++++++---- docs/build/languages/template.json | 2 +- docs/components.html | 1026 ++++++++++++++------------- docs/customize.html | 156 ++-- docs/extend.html | 66 +- docs/getting-started.html | 66 +- docs/index.html | 39 +- docs/javascript.html | 736 +++++++++---------- docs/scaffolding.html | 172 ++--- docs/templates/pages/index.mustache | 88 +-- 13 files changed, 2044 insertions(+), 1650 deletions(-) diff --git a/docs/assets/js/bootstrap.js b/docs/assets/js/bootstrap.js index 93b9f583d012..8d0f5c981569 100644 --- a/docs/assets/js/bootstrap.js +++ b/docs/assets/js/bootstrap.js @@ -2025,4 +2025,4 @@ }) -}(window.jQuery); +}(window.jQuery); \ No newline at end of file diff --git a/docs/assets/js/bootstrap.min.js b/docs/assets/js/bootstrap.min.js index 1aceae571a83..5a398394c6e3 100644 --- a/docs/assets/js/bootstrap.min.js +++ b/docs/assets/js/bootstrap.min.js @@ -3,4 +3,4 @@ * Copyright 2012 Twitter, Inc. * http://www.apache.org/licenses/LICENSE-2.0.txt */ -!function(e){e(function(){"use strict";e.support.transition=function(){var e=function(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"},n;for(n in t)if(e.style[n]!==undefined)return t[n]}();return e&&{end:e}}()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("closed").remove()}var n=e(this),r=n.attr("data-target"),i;r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,"")),i=e(r),t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("close"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()},e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("alert");i||r.data("alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e(function(){e("body").on("click.alert.data-api",t,n.prototype.close)})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.button.defaults,n)};t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.data(),i=n.is("input")?"val":"html";e+="Text",r.resetText||n.data("resetText",n[i]()),n[i](r[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.parent('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")},e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.defaults={loadingText:"loading..."},e.fn.button.Constructor=t,e(function(){e("body").on("click.button.data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=n,this.options.slide&&this.slide(this.options.slide),this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.prototype={cycle:function(t){return t||(this.paused=!1),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},to:function(t){var n=this.$element.find(".item.active"),r=n.parent().children(),i=r.index(n),s=this;if(t>r.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){s.to(t)}):i==t?this.pause().cycle():this.slide(t>i?"next":"prev",e(r[t]))},pause:function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle()),clearInterval(this.interval),this.interval=null,this},next:function(){if(this.sliding)return;return this.slide("next")},prev:function(){if(this.sliding)return;return this.slide("prev")},slide:function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this,f=e.Event("slide",{relatedTarget:i[0]});this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();if(i.hasClass("active"))return;if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this}},e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("carousel"),s=e.extend({},e.fn.carousel.defaults,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.cycle()})},e.fn.carousel.defaults={interval:5e3,pause:"hover"},e.fn.carousel.Constructor=t,e(function(){e("body").on("click.carousel.data-api","[data-slide]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=!i.data("modal")&&e.extend({},i.data(),n.data());i.carousel(s),t.preventDefault()})})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.collapse.defaults,n),this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.prototype={constructor:t,dimension:function(){var e=this.$element.hasClass("width");return e?"width":"height"},show:function(){var t,n,r,i;if(this.transitioning)return;t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show"),"shown"),e.support.transition&&this.$element[t](this.$element[0][n])},hide:function(){var t;if(this.transitioning)return;t=this.dimension(),this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide"),"hidden"),this.$element[t](0)},reset:function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},transition:function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},toggle:function(){this[this.$element.hasClass("in")?"hide":"show"]()}},e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=typeof n=="object"&&n;i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.defaults={toggle:!0},e.fn.collapse.Constructor=t,e(function(){e("body").on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})})}(window.jQuery),!function(e){"use strict";function r(){i(e(t)).removeClass("open")}function i(t){var n=t.attr("data-target"),r;return n||(n=t.attr("href"),n=n&&n.replace(/.*(?=#[^\s]*$)/,"")),r=e(n),r.length||(r=t.parent()),r}var t="[data-toggle=dropdown]",n=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};n.prototype={constructor:n,toggle:function(t){var n=e(this),s,o;if(n.is(".disabled, :disabled"))return;return s=i(n),o=s.hasClass("open"),r(),o||(s.toggleClass("open"),n.focus()),!1},keydown:function(t){var n,r,s,o,u,a;if(!/(38|40|27)/.test(t.keyCode))return;n=e(this),t.preventDefault(),t.stopPropagation();if(n.is(".disabled, :disabled"))return;o=i(n),u=o.hasClass("open");if(!u||u&&t.keyCode==27)return n.click();r=e("[role=menu] li:not(.divider) a",o);if(!r.length)return;a=r.index(r.filter(":focus")),t.keyCode==38&&a>0&&a--,t.keyCode==40&&a').appendTo(document.body),this.options.backdrop!="static"&&this.$backdrop.click(e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,e.proxy(this.removeBackdrop,this)):this.removeBackdrop()):t&&t()}},e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("modal"),s=e.extend({},e.fn.modal.defaults,r.data(),typeof n=="object"&&n);i||r.data("modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.defaults={backdrop:!0,keyboard:!0,show:!0},e.fn.modal.Constructor=t,e(function(){e("body").on("click.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})})})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("tooltip",e,t)};t.prototype={constructor:t,init:function(t,n,r){var i,s;this.type=t,this.$element=e(n),this.options=this.getOptions(r),this.enabled=!0,this.options.trigger=="click"?this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this)):this.options.trigger!="manual"&&(i=this.options.trigger=="hover"?"mouseenter":"focus",s=this.options.trigger=="hover"?"mouseleave":"blur",this.$element.on(i+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(s+"."+this.type,this.options.selector,e.proxy(this.leave,this))),this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},getOptions:function(t){return t=e.extend({},e.fn[this.type].defaults,t,this.$element.data()),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},enter:function(t){var n=e(t.currentTarget)[this.type](this._options).data(this.type);if(!n.options.delay||!n.options.delay.show)return n.show();clearTimeout(this.timeout),n.hoverState="in",this.timeout=setTimeout(function(){n.hoverState=="in"&&n.show()},n.options.delay.show)},leave:function(t){var n=e(t.currentTarget)[this.type](this._options).data(this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},show:function(){var e,t,n,r,i,s,o;if(this.hasContent()&&this.enabled){e=this.tip(),this.setContent(),this.options.animation&&e.addClass("fade"),s=typeof this.options.placement=="function"?this.options.placement.call(this,e[0],this.$element[0]):this.options.placement,t=/in/.test(s),e.remove().css({top:0,left:0,display:"block"}).appendTo(t?this.$element:document.body),n=this.getPosition(t),r=e[0].offsetWidth,i=e[0].offsetHeight;switch(t?s.split(" ")[1]:s){case"bottom":o={top:n.top+n.height,left:n.left+n.width/2-r/2};break;case"top":o={top:n.top-i,left:n.left+n.width/2-r/2};break;case"left":o={top:n.top+n.height/2-i/2,left:n.left-r};break;case"right":o={top:n.top+n.height/2-i/2,left:n.left+n.width}}e.css(o).addClass(s).addClass("in")}},setContent:function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},hide:function(){function r(){var t=setTimeout(function(){n.off(e.support.transition.end).remove()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.remove()})}var t=this,n=this.tip();return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?r():n.remove(),this},fixTitle:function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").removeAttr("title")},hasContent:function(){return this.getTitle()},getPosition:function(t){return e.extend({},t?{top:0,left:0}:this.$element.offset(),{width:this.$element[0].offsetWidth,height:this.$element[0].offsetHeight})},getTitle:function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},tip:function(){return this.$tip=this.$tip||e(this.options.template)},validate:function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},toggleEnabled:function(){this.enabled=!this.enabled},toggle:function(){this[this.tip().hasClass("in")?"hide":"show"]()},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}},e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("tooltip"),s=typeof n=="object"&&n;i||r.data("tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.defaults={animation:!0,placement:"top",selector:!1,template:'

    ',trigger:"hover",title:"",delay:0,html:!0}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype,{constructor:t,setContent:function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content > *")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},hasContent:function(){return this.getTitle()||this.getContent()},getContent:function(){var e,t=this.$element,n=this.options;return e=t.attr("data-content")||(typeof n.content=="function"?n.content.call(t[0]):n.content),e},tip:function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}}),e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("popover"),s=typeof n=="object"&&n;i||r.data("popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.defaults=e.extend({},e.fn.tooltip.defaults,{placement:"right",trigger:"click",content:"",template:'

    '})}(window.jQuery),!function(e){"use strict";function t(t,n){var r=e.proxy(this.process,this),i=e(t).is("body")?e(window):e(t),s;this.options=e.extend({},e.fn.scrollspy.defaults,n),this.$scrollElement=i.on("scroll.scroll-spy.data-api",r),this.selector=(this.options.target||(s=e(t).attr("href"))&&s.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.$body=e("body"),this.refresh(),this.process()}t.prototype={constructor:t,refresh:function(){var t=this,n;this.offsets=e([]),this.targets=e([]),n=this.$body.find(this.selector).map(function(){var t=e(this),n=t.data("target")||t.attr("href"),r=/^#\w/.test(n)&&e(n);return r&&r.length&&[[r.position().top,n]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},process:function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},activate:function(t){var n,r;this.activeTarget=t,e(this.selector).parent(".active").removeClass("active"),r=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',n=e(r).parent("li").addClass("active"),n.parent(".dropdown-menu").length&&(n=n.closest("li.dropdown").addClass("active")),n.trigger("activate")}},e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("scrollspy"),s=typeof n=="object"&&n;i||r.data("scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.defaults={offset:10},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype={constructor:t,show:function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target"),i,s,o;r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;i=n.find(".active a").last()[0],o=e.Event("show",{relatedTarget:i}),t.trigger(o);if(o.isDefaultPrevented())return;s=e(r),this.activate(t.parent("li"),n),this.activate(s,s.parent(),function(){t.trigger({type:"shown",relatedTarget:i})})},activate:function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")}},e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("tab");i||r.data("tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e(function(){e("body").on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.typeahead.defaults,n),this.matcher=this.options.matcher||this.matcher,this.sorter=this.options.sorter||this.sorter,this.highlighter=this.options.highlighter||this.highlighter,this.updater=this.options.updater||this.updater,this.$menu=e(this.options.menu).appendTo("body"),this.source=this.options.source,this.shown=!1,this.listen()};t.prototype={constructor:t,select:function(){var e=this.$menu.find(".active").attr("data-value");return this.$element.val(this.updater(e)).change(),this.hide()},updater:function(e){return e},show:function(){var t=e.extend({},this.$element.offset(),{height:this.$element[0].offsetHeight});return this.$menu.css({top:t.top+t.height,left:t.left}),this.$menu.show(),this.shown=!0,this},hide:function(){return this.$menu.hide(),this.shown=!1,this},lookup:function(t){var n;return this.query=this.$element.val(),!this.query||this.query.length"+t+""})},render:function(t){var n=this;return t=e(t).map(function(t,r){return t=e(n.options.item).attr("data-value",r),t.find("a").html(n.highlighter(r)),t[0]}),t.first().addClass("active"),this.$menu.html(t),this},next:function(t){var n=this.$menu.find(".active").removeClass("active"),r=n.next();r.length||(r=e(this.$menu.find("li")[0])),r.addClass("active")},prev:function(e){var t=this.$menu.find(".active").removeClass("active"),n=t.prev();n.length||(n=this.$menu.find("li").last()),n.addClass("active")},listen:function(){this.$element.on("blur",e.proxy(this.blur,this)).on("keypress",e.proxy(this.keypress,this)).on("keyup",e.proxy(this.keyup,this)),(e.browser.webkit||e.browser.msie)&&this.$element.on("keydown",e.proxy(this.keydown,this)),this.$menu.on("click",e.proxy(this.click,this)).on("mouseenter","li",e.proxy(this.mouseenter,this))},move:function(e){if(!this.shown)return;switch(e.keyCode){case 9:case 13:case 27:e.preventDefault();break;case 38:e.preventDefault(),this.prev();break;case 40:e.preventDefault(),this.next()}e.stopPropagation()},keydown:function(t){this.suppressKeyPressRepeat=!~e.inArray(t.keyCode,[40,38,9,13,27]),this.move(t)},keypress:function(e){if(this.suppressKeyPressRepeat)return;this.move(e)},keyup:function(e){switch(e.keyCode){case 40:case 38:break;case 9:case 13:if(!this.shown)return;this.select();break;case 27:if(!this.shown)return;this.hide();break;default:this.lookup()}e.stopPropagation(),e.preventDefault()},blur:function(e){var t=this;setTimeout(function(){t.hide()},150)},click:function(e){e.stopPropagation(),e.preventDefault(),this.select()},mouseenter:function(t){this.$menu.find(".active").removeClass("active"),e(t.currentTarget).addClass("active")}},e.fn.typeahead=function(n){return this.each(function(){var r=e(this),i=r.data("typeahead"),s=typeof n=="object"&&n;i||r.data("typeahead",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.typeahead.defaults={source:[],items:8,menu:'',item:'
  • ',minLength:1},e.fn.typeahead.Constructor=t,e(function(){e("body").on("focus.typeahead.data-api",'[data-provide="typeahead"]',function(t){var n=e(this);if(n.data("typeahead"))return;t.preventDefault(),n.typeahead(n.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.options=e.extend({},e.fn.affix.defaults,n),this.$window=e(window).on("scroll.affix.data-api",e.proxy(this.checkPosition,this)),this.$element=e(t),this.checkPosition()};t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.bottom,o=i.top,u="affix affix-top affix-bottom",a;typeof i!="object"&&(s=o=i),typeof o=="function"&&(o=i.top()),typeof s=="function"&&(s=i.bottom()),a=this.unpin!=null&&n+this.unpin<=r.top?!1:s!=null&&r.top+this.$element.height()>=t-s?"bottom":o!=null&&n<=o?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))},e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("affix"),s=typeof n=="object"&&n;i||r.data("affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.defaults={offset:0},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); +!function(e){e(function(){"use strict";e.support.transition=function(){var e=function(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"},n;for(n in t)if(e.style[n]!==undefined)return t[n]}();return e&&{end:e}}()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("closed").remove()}var n=e(this),r=n.attr("data-target"),i;r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,"")),i=e(r),t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("close"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()},e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("alert");i||r.data("alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e(function(){e("body").on("click.alert.data-api",t,n.prototype.close)})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.button.defaults,n)};t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.data(),i=n.is("input")?"val":"html";e+="Text",r.resetText||n.data("resetText",n[i]()),n[i](r[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.parent('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")},e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.defaults={loadingText:"loading..."},e.fn.button.Constructor=t,e(function(){e("body").on("click.button.data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=n,this.options.slide&&this.slide(this.options.slide),this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.prototype={cycle:function(t){return t||(this.paused=!1),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},to:function(t){var n=this.$element.find(".item.active"),r=n.parent().children(),i=r.index(n),s=this;if(t>r.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){s.to(t)}):i==t?this.pause().cycle():this.slide(t>i?"next":"prev",e(r[t]))},pause:function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle()),clearInterval(this.interval),this.interval=null,this},next:function(){if(this.sliding)return;return this.slide("next")},prev:function(){if(this.sliding)return;return this.slide("prev")},slide:function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this,f=e.Event("slide",{relatedTarget:i[0]});this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();if(i.hasClass("active"))return;if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this}},e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("carousel"),s=e.extend({},e.fn.carousel.defaults,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.cycle()})},e.fn.carousel.defaults={interval:5e3,pause:"hover"},e.fn.carousel.Constructor=t,e(function(){e("body").on("click.carousel.data-api","[data-slide]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=!i.data("modal")&&e.extend({},i.data(),n.data());i.carousel(s),t.preventDefault()})})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.collapse.defaults,n),this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.prototype={constructor:t,dimension:function(){var e=this.$element.hasClass("width");return e?"width":"height"},show:function(){var t,n,r,i;if(this.transitioning)return;t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show"),"shown"),e.support.transition&&this.$element[t](this.$element[0][n])},hide:function(){var t;if(this.transitioning)return;t=this.dimension(),this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide"),"hidden"),this.$element[t](0)},reset:function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},transition:function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},toggle:function(){this[this.$element.hasClass("in")?"hide":"show"]()}},e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=typeof n=="object"&&n;i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.defaults={toggle:!0},e.fn.collapse.Constructor=t,e(function(){e("body").on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})})}(window.jQuery),!function(e){"use strict";function r(){i(e(t)).removeClass("open")}function i(t){var n=t.attr("data-target"),r;return n||(n=t.attr("href"),n=n&&n.replace(/.*(?=#[^\s]*$)/,"")),r=e(n),r.length||(r=t.parent()),r}var t="[data-toggle=dropdown]",n=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};n.prototype={constructor:n,toggle:function(t){var n=e(this),s,o;if(n.is(".disabled, :disabled"))return;return s=i(n),o=s.hasClass("open"),r(),o||(s.toggleClass("open"),n.focus()),!1},keydown:function(t){var n,r,s,o,u,a;if(!/(38|40|27)/.test(t.keyCode))return;n=e(this),t.preventDefault(),t.stopPropagation();if(n.is(".disabled, :disabled"))return;o=i(n),u=o.hasClass("open");if(!u||u&&t.keyCode==27)return n.click();r=e("[role=menu] li:not(.divider) a",o);if(!r.length)return;a=r.index(r.filter(":focus")),t.keyCode==38&&a>0&&a--,t.keyCode==40&&a').appendTo(document.body),this.options.backdrop!="static"&&this.$backdrop.click(e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,e.proxy(this.removeBackdrop,this)):this.removeBackdrop()):t&&t()}},e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("modal"),s=e.extend({},e.fn.modal.defaults,r.data(),typeof n=="object"&&n);i||r.data("modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.defaults={backdrop:!0,keyboard:!0,show:!0},e.fn.modal.Constructor=t,e(function(){e("body").on("click.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})})})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("tooltip",e,t)};t.prototype={constructor:t,init:function(t,n,r){var i,s;this.type=t,this.$element=e(n),this.options=this.getOptions(r),this.enabled=!0,this.options.trigger=="click"?this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this)):this.options.trigger!="manual"&&(i=this.options.trigger=="hover"?"mouseenter":"focus",s=this.options.trigger=="hover"?"mouseleave":"blur",this.$element.on(i+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(s+"."+this.type,this.options.selector,e.proxy(this.leave,this))),this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},getOptions:function(t){return t=e.extend({},e.fn[this.type].defaults,t,this.$element.data()),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},enter:function(t){var n=e(t.currentTarget)[this.type](this._options).data(this.type);if(!n.options.delay||!n.options.delay.show)return n.show();clearTimeout(this.timeout),n.hoverState="in",this.timeout=setTimeout(function(){n.hoverState=="in"&&n.show()},n.options.delay.show)},leave:function(t){var n=e(t.currentTarget)[this.type](this._options).data(this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},show:function(){var e,t,n,r,i,s,o;if(this.hasContent()&&this.enabled){e=this.tip(),this.setContent(),this.options.animation&&e.addClass("fade"),s=typeof this.options.placement=="function"?this.options.placement.call(this,e[0],this.$element[0]):this.options.placement,t=/in/.test(s),e.remove().css({top:0,left:0,display:"block"}).appendTo(t?this.$element:document.body),n=this.getPosition(t),r=e[0].offsetWidth,i=e[0].offsetHeight;switch(t?s.split(" ")[1]:s){case"bottom":o={top:n.top+n.height,left:n.left+n.width/2-r/2};break;case"top":o={top:n.top-i,left:n.left+n.width/2-r/2};break;case"left":o={top:n.top+n.height/2-i/2,left:n.left-r};break;case"right":o={top:n.top+n.height/2-i/2,left:n.left+n.width}}e.css(o).addClass(s).addClass("in")}},setContent:function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},hide:function(){function r(){var t=setTimeout(function(){n.off(e.support.transition.end).remove()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.remove()})}var t=this,n=this.tip();return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?r():n.remove(),this},fixTitle:function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").removeAttr("title")},hasContent:function(){return this.getTitle()},getPosition:function(t){return e.extend({},t?{top:0,left:0}:this.$element.offset(),{width:this.$element[0].offsetWidth,height:this.$element[0].offsetHeight})},getTitle:function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},tip:function(){return this.$tip=this.$tip||e(this.options.template)},validate:function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},toggleEnabled:function(){this.enabled=!this.enabled},toggle:function(){this[this.tip().hasClass("in")?"hide":"show"]()},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}},e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("tooltip"),s=typeof n=="object"&&n;i||r.data("tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.defaults={animation:!0,placement:"top",selector:!1,template:'
    ',trigger:"hover",title:"",delay:0,html:!0}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype,{constructor:t,setContent:function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content > *")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},hasContent:function(){return this.getTitle()||this.getContent()},getContent:function(){var e,t=this.$element,n=this.options;return e=t.attr("data-content")||(typeof n.content=="function"?n.content.call(t[0]):n.content),e},tip:function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}}),e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("popover"),s=typeof n=="object"&&n;i||r.data("popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.defaults=e.extend({},e.fn.tooltip.defaults,{placement:"right",trigger:"click",content:"",template:'

    '})}(window.jQuery),!function(e){"use strict";function t(t,n){var r=e.proxy(this.process,this),i=e(t).is("body")?e(window):e(t),s;this.options=e.extend({},e.fn.scrollspy.defaults,n),this.$scrollElement=i.on("scroll.scroll-spy.data-api",r),this.selector=(this.options.target||(s=e(t).attr("href"))&&s.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.$body=e("body"),this.refresh(),this.process()}t.prototype={constructor:t,refresh:function(){var t=this,n;this.offsets=e([]),this.targets=e([]),n=this.$body.find(this.selector).map(function(){var t=e(this),n=t.data("target")||t.attr("href"),r=/^#\w/.test(n)&&e(n);return r&&r.length&&[[r.position().top,n]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},process:function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},activate:function(t){var n,r;this.activeTarget=t,e(this.selector).parent(".active").removeClass("active"),r=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',n=e(r).parent("li").addClass("active"),n.parent(".dropdown-menu").length&&(n=n.closest("li.dropdown").addClass("active")),n.trigger("activate")}},e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("scrollspy"),s=typeof n=="object"&&n;i||r.data("scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.defaults={offset:10},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype={constructor:t,show:function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target"),i,s,o;r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;i=n.find(".active a").last()[0],o=e.Event("show",{relatedTarget:i}),t.trigger(o);if(o.isDefaultPrevented())return;s=e(r),this.activate(t.parent("li"),n),this.activate(s,s.parent(),function(){t.trigger({type:"shown",relatedTarget:i})})},activate:function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")}},e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("tab");i||r.data("tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e(function(){e("body").on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.typeahead.defaults,n),this.matcher=this.options.matcher||this.matcher,this.sorter=this.options.sorter||this.sorter,this.highlighter=this.options.highlighter||this.highlighter,this.updater=this.options.updater||this.updater,this.$menu=e(this.options.menu).appendTo("body"),this.source=this.options.source,this.shown=!1,this.listen()};t.prototype={constructor:t,select:function(){var e=this.$menu.find(".active").attr("data-value");return this.$element.val(this.updater(e)).change(),this.hide()},updater:function(e){return e},show:function(){var t=e.extend({},this.$element.offset(),{height:this.$element[0].offsetHeight});return this.$menu.css({top:t.top+t.height,left:t.left}),this.$menu.show(),this.shown=!0,this},hide:function(){return this.$menu.hide(),this.shown=!1,this},lookup:function(t){var n;return this.query=this.$element.val(),!this.query||this.query.length"+t+""})},render:function(t){var n=this;return t=e(t).map(function(t,r){return t=e(n.options.item).attr("data-value",r),t.find("a").html(n.highlighter(r)),t[0]}),t.first().addClass("active"),this.$menu.html(t),this},next:function(t){var n=this.$menu.find(".active").removeClass("active"),r=n.next();r.length||(r=e(this.$menu.find("li")[0])),r.addClass("active")},prev:function(e){var t=this.$menu.find(".active").removeClass("active"),n=t.prev();n.length||(n=this.$menu.find("li").last()),n.addClass("active")},listen:function(){this.$element.on("blur",e.proxy(this.blur,this)).on("keypress",e.proxy(this.keypress,this)).on("keyup",e.proxy(this.keyup,this)),(e.browser.webkit||e.browser.msie)&&this.$element.on("keydown",e.proxy(this.keydown,this)),this.$menu.on("click",e.proxy(this.click,this)).on("mouseenter","li",e.proxy(this.mouseenter,this))},move:function(e){if(!this.shown)return;switch(e.keyCode){case 9:case 13:case 27:e.preventDefault();break;case 38:e.preventDefault(),this.prev();break;case 40:e.preventDefault(),this.next()}e.stopPropagation()},keydown:function(t){this.suppressKeyPressRepeat=!~e.inArray(t.keyCode,[40,38,9,13,27]),this.move(t)},keypress:function(e){if(this.suppressKeyPressRepeat)return;this.move(e)},keyup:function(e){switch(e.keyCode){case 40:case 38:break;case 9:case 13:if(!this.shown)return;this.select();break;case 27:if(!this.shown)return;this.hide();break;default:this.lookup()}e.stopPropagation(),e.preventDefault()},blur:function(e){var t=this;setTimeout(function(){t.hide()},150)},click:function(e){e.stopPropagation(),e.preventDefault(),this.select()},mouseenter:function(t){this.$menu.find(".active").removeClass("active"),e(t.currentTarget).addClass("active")}},e.fn.typeahead=function(n){return this.each(function(){var r=e(this),i=r.data("typeahead"),s=typeof n=="object"&&n;i||r.data("typeahead",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.typeahead.defaults={source:[],items:8,menu:'',item:'
  • ',minLength:1},e.fn.typeahead.Constructor=t,e(function(){e("body").on("focus.typeahead.data-api",'[data-provide="typeahead"]',function(t){var n=e(this);if(n.data("typeahead"))return;t.preventDefault(),n.typeahead(n.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.options=e.extend({},e.fn.affix.defaults,n),this.$window=e(window).on("scroll.affix.data-api",e.proxy(this.checkPosition,this)),this.$element=e(t),this.checkPosition()};t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.bottom,o=i.top,u="affix affix-top affix-bottom",a;typeof i!="object"&&(s=o=i),typeof o=="function"&&(o=i.top()),typeof s=="function"&&(s=i.bottom()),a=this.unpin!=null&&n+this.unpin<=r.top?!1:s!=null&&r.top+this.$element.height()>=t-s?"bottom":o!=null&&n<=o?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))},e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("affix"),s=typeof n=="object"&&n;i||r.data("affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.defaults={offset:0},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file diff --git a/docs/base-css.html b/docs/base-css.html index fa9dd4b9338e..5c729cc276a8 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -2,12 +2,13 @@ - Base · Twitter Bootstrap + Globo.com Bootstrap + @@ -49,19 +50,19 @@ Get started
  • - Scaffolding + Fundação
  • -
  • - Base CSS +
  • + CSS Base
  • - Components + Componentes
  • Javascript
  • - Customize + Customizando
@@ -73,8 +74,8 @@ ================================================== -->
-

Base CSS

-

Fundamental HTML elements styled and enhanced with extensible classes.

+

CSS Base

+

Elementos HTML fundamentais estilizado e aprimorados com classes extensivas

@@ -86,13 +87,13 @@

Base CSS

@@ -103,22 +104,22 @@

Base CSS

================================================== -->
-

Headings

-

All HTML headings, <h1> through <h6> are available.

+

Cabeçalhos

+

Todos cabeçalhos, <h1> até <h6> estão disponíveis.

-

h1. Heading 1

-

h2. Heading 2

-

h3. Heading 3

-

h4. Heading 4

-
h5. Heading 5
-
h6. Heading 6
+

h1. Cabeçalho 1

+

h2. Cabeçalho 2

+

h3. Cabeçalho 3

+

h4. Cabeçalho 4

+
h5. Cabeçalho 5
+
h6. Cabeçalho 6
-

Body copy

-

Bootstrap's global default font-size is 14px, with a line-height of 20px. This is applied to the <body> and all paragraphs. In addition, <p> (paragraphs) receive a bottom margin of half their line-height (10px by default).

+

cópia do corpo

+

O padrão global do font-size é 14px, com um line-height de 20px. Isto é aplicado ao <body> e todos os parágrafos. E ainda, <p> (parágrafos) recebem uma margem da metade do line-height (10px por padrão).

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

@@ -126,25 +127,25 @@

Body copy

<p>...</p>
-

Lead body copy

-

Make a paragraph stand out by adding .lead.

+

cópia principal do corpo

+

Faça um parágrafo sobressair adicionando .lead.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

<p class="lead">...</p>
-

Built with Less

-

The typographic scale is based on two LESS variables in variables.less: @baseFontSize and @baseLineHeight. The first is the base font-size used throughout and the second is the base line-height. We use those variables and some simple math to create the margins, paddings, and line-heights of all our type and more. Customize them and Bootstrap adapts.

+

Construído com o Less

+

A escala tipográfica é baseado em duas variáveis LESS que estão disponíveis em variables.less: @baseFontSize e @baseLineHeight. O primeiro é o font-size base e o segundo é o line-height base. Nós usamos estas variáveis e uma simples matemática para criar as margens, paddings, e line-heights para toda nossa tipografia e mais. Customize-os e o Bootstrap se adapta.


-

Emphasis

-

Make use of HTML's default emphasis tags with lightweight styles.

+

Ênfase

+

Faça o uso da ênfase padrão do HTML com estilos leves

<small>

-

For de-emphasizing inline or blocks of text, use the small tag.

+

Para desenfatizar textos em blocos ou inline, use a tag small.

This line of text is meant to be treated as fine print.

@@ -155,39 +156,39 @@

<small>

<strong>

-

For emphasizing a snippet of text with important

+

Para enfatizar um pedaço de texto com important

The following snippet of text is rendered as bold text.

<strong>rendered as bold text</strong>

<em>

-

For emphasizing a snippet of text with stress

+

Para enfatizar um pedaço de texto com stress

The following snippet of text is rendered as italicized text.

<em>rendered as italicized text</em>
-

Heads up! Feel free to use <b> and <i> in HTML5. <b> is meant to highlight words or phrases without conveying additional importance while <i> is mostly for voice, technical terms, etc.

+

Atenção! Sinta-se livre para usar <b> e <i> em HTML5. <b> é feito para marcar palavras ou frases sem dar importância adicional enquanto é mais usado para <i>, termos técnicos etc.


-

Abbreviations

-

Stylized implemenation of HTML's <abbr> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a title attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover.

+

Abreviações

+

Implementação estilizada do elemento <abbr> para abreviações e acrônimos para mostrar a versão expandida do hover. Abreviações com um atributo title tem uma leve borda inferior e ajuda o cursor no hover, dando informação adicional de contexto

<abbr>

-

For expanded text on long hover of an abbreviation, include the title attribute.

+

Para texto expandido em um hover de uma abreviação, incluindo um atributo title

-

An abbreviation of the word attribute is attr.

+

Uma abreviação da palavra atributo é attr

<abbr title="attribute">attr</abbr>

<abbr class="initialism">

-

Add .initialism to an abbreviation for a slightly smaller font-size.

+

Adiciona .initialism para uma abreviação com uma fonte levemente menor

-

HTML is the best thing since sliced bread.

+

HTML É a melhor coisa desde o pão.

<abbr title="attribute" class="initialism">attr</abbr>
@@ -195,11 +196,11 @@

<abbr class="initialism">


-

Addresses

-

Present contact information for the nearest ancestor or the entire body of work.

+

Endereços

+

Apresentar informação de contato para o ancestral mais próximo ou o corpo inteiro do documento

<address>

-

Preserve formatting by ending all lines with <br>.

+

Preserva formatação terminando as linhas com <br>.

Twitter, Inc.
@@ -208,7 +209,7 @@

<address>

P: (123) 456-7890
- Full Name
+ Nome completo
first.last@gmail.com
@@ -221,7 +222,7 @@

<address>

</address> <address> - <strong>Full Name</strong><br> + <strong>Nome completo</strong><br> <a href="mailto:#">first.last@gmail.com</a> </address>
@@ -230,11 +231,11 @@

<address>


-

Blockquotes

-

For quoting blocks of content from another source within your document.

+

Citações

+

Para blocos de citação de uma outra fonte dentro do documento

-

Default blockquote

-

Wrap <blockquote> around any HTML as the quote. For straight quotes we recommend a <p>.

+

Citação Padrão

+

Coloque em volta de um <blockquote> qualquer HTML como citação. Para citações diretas nós recomendamos o uso de <p>.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

@@ -246,30 +247,30 @@

Default blockquote

</blockquote>
-

Blockquote options

-

Style and content changes for simple variations on a standard blockquote.

+

Opções de citação

+

Estilizar o conteúdo para mudanças ou simples variações da citação padrão

-

Naming a source

-

Add <small> tag for identifying the source. Wrap the name of the source work in <cite>.

+

Nomeando uma fonte

+

Adicione uma tag <small> para identificar a fonte. Coloque em volta do nome a fonte de trabalho em uma tag <cite>.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

- Someone famous in Source Title + Alguém famoso in título da fonte
 <blockquote>
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
-  <small>Someone famous <cite title="Source Title">Source Title</cite></small>
+  <small>Alguém famoso em <cite title="Source Title">titulo da fonte</cite></small>
 </blockquote>
 
-

Alternate displays

-

Use .pull-right for a floated, right-aligned blockquote.

+

Telas alternadas

+

Use .pull-right para flutuar uma citação a direita.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

- Someone famous in Source Title + Alguém famoso in título da fonte
@@ -283,10 +284,10 @@ 

Alternate displays

-

Lists

+

Listas

-

Unordered

-

A list of items in which the order does not explicitly matter.

+

Não ordenadas

+

Uma lista de itens em que a ordem não importa

  • Lorem ipsum dolor sit amet
  • @@ -312,8 +313,8 @@

    Unordered

    </ul>
-

Ordered

-

A list of items in which the order does explicitly matter.

+

Ordenadas

+

Uma lista de itens em que a ordem importa

  1. Lorem ipsum dolor sit amet
  2. @@ -332,8 +333,8 @@

    Ordered

    </ol>
-

Unstyled

-

A list of items with no list-style or additional left padding.

+

Não estilizadas

+

Uma lista de itens com nenhum list-style or margem esquerdas adicionais

  • Lorem ipsum dolor sit amet
  • @@ -359,12 +360,12 @@

    Unstyled

    </ul>
-

Description

-

A list of terms with their associated descriptions.

+

Descrição

+

Uma lista de termos com suas descrições associadas

-
Description lists
-
A description list is perfect for defining terms.
+
Listas descritivas
+
Uma lista de descrição é perfeita para definir termos
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
@@ -379,12 +380,12 @@

Description

</dl> -

Horizontal description

-

Make terms and descriptions in <dl> line up side-by-side.

+

Descrição horizontal

+

Fazer os termos e descrições em um <dl> alinhados lado a lado

-
Description lists
-
A description list is perfect for defining terms.
+
Listas descritivas
+
Uma lista de descrição é perfeita para definir termos
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
@@ -401,8 +402,8 @@

Horizontal description

</dl>

- Heads up! - Horizontal description lists will truncate terms that are too long to fit in the left column fix text-overflow. In narrower viewports, they will change to the default stacked layout. + Atenção! + Listas de descrição horizontal irá truncar termos que são muito longos para encaixar na esquerda da coluna fixa text-overflow. Em resoluções menores, eles irão mudar para o padrão de layout estagnado

@@ -412,7 +413,7 @@

Horizontal description

================================================== -->

Inline

@@ -421,21 +422,21 @@

Inline

For example, <section> should be wrapped as inline.
-For example, <code><section></code> should be wrapped as inline.
+Por exemplo, <code><section></code> deve ser colocado inline
 

Basic block

-

Use <pre> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.

+

Use <pre> para múltiplas linhas de código, certifique-se de escapar qualquer caractere especial para renderizar corretamente

-
<p>Sample text here...</p>
+
<p>Texto de exemplo aqui</p>
 <pre>
-  &lt;p&gt;Sample text here...&lt;/p&gt;
+  &lt;p&gt;Texto de exemplo aqui&lt;/p&gt;
 </pre>
 
-

Heads up! Be sure to keep code within <pre> tags as close to the left as possible; it will render all tabs.

-

You may optionally add the .pre-scrollable class which will set a max-height of 350px and provide a y-axis scrollbar.

+

Atenção! Certifique-se de manter o código dentro de uma tag <pre> tão perto da esquerda quando possível, pois ela irá renderizar todas tabs

+

Você pode opcionalmente adicionar a classe .pre-scrollable que irá escolher um max-height of 350px e provê uma barra de progresso no eixo y

@@ -444,19 +445,19 @@

Basic block

================================================== -->
-

Default styles

-

For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>.

+

Estilos padrão

+

Para estilização básica—padding leve e somente um divisor horizontal—adicione a classe base .table para qualquer <table>.

- - - + + + @@ -491,19 +492,19 @@

Default styles


-

Optional classes

-

Add any of the follow classes to the .table base class.

+

Classes opcionais

+

Adicione qualquer das classes seguintes para a classe base .table

.table-striped

-

Adds zebra-striping to any table row within the <tbody> via the :nth-child CSS selector (not available in IE7-IE8).

+

Adicione tabelas zebradas dentro de uma tag <tbody> via um seletor CSS :nth-child (não disponível no IE7-IE8)

#First NameLast NameUsernamePrimeiro nameÚltimo nomeNome do usuário
- - - + + + @@ -534,16 +535,16 @@

.table-striped

</table> -

.table-bordered

-

Add borders and rounded corners to the table.

+

.table-ordered

+

Adicione bordas e bordas arredondadas para a tabela

#First NameLast NameUsernamePrimeiro nameÚltimo nomeNome do usuário
- - - + + + @@ -579,15 +580,15 @@

.table-bordered

.table-hover

-

Enable a hover state on table rows within a <tbody>.

+

Habilite um estado de hover em linhas dentro de <tbody>.

#First NameLast NameUsernamePrimeiro nameÚltimo nomeNome do usuário
- - - + + + @@ -618,15 +619,15 @@

.table-hover

.table-condensed

-

Makes tables more compact by cutting cell padding in half.

+

Tornar a tabela mais compacta cortando o padding da célula pela metade

#First NameLast NameUsernamePrimeiro nameÚltimo nomeNome do usuário
- - - + + + @@ -660,8 +661,8 @@

.table-condensed


-

Optional row classes

-

Use contextual classes to color table rows.

+

Classes opcionais de linha

+

Use classes contextuais para cores das linhas da tabela

#First NameLast NameUsernamePrimeiro nameÚltimo nomeNome do usuário
@@ -669,8 +670,8 @@

Optional row classes

- - + + @@ -678,19 +679,19 @@

Optional row classes

- + - + - +
ClassDescriptionClasseDescrição
.success Indicates a successful or positive action.Indica uma ação positiva com sucesso
.error Indicates a dangerous or potentially negative action.Indica uma ação negativa e potencialmente perigosa
.info Used as an alternative to the default styles.Usar uma alternativa ao estilo padrão
@@ -699,8 +700,8 @@

Optional row classes

# - Product - Payment Taken + Produto + Pagamento feito Status @@ -741,8 +742,8 @@

Optional row classes


-

Supported table markup

-

List of supported table HTML elements and how they should be used.

+

Marcaçãod e tabela suportada

+

Lista de elementos HTML suportados e como eles devem ser usados

@@ -751,7 +752,7 @@

Supported table markup

- + @@ -760,7 +761,7 @@

Supported table markup

<table> @@ -768,7 +769,7 @@

Supported table markup

<thead> @@ -776,7 +777,7 @@

Supported table markup

<tbody> @@ -784,7 +785,7 @@

Supported table markup

<tr> @@ -792,7 +793,7 @@

Supported table markup

<td> @@ -800,8 +801,8 @@

Supported table markup

<th> @@ -809,7 +810,7 @@

Supported table markup

<caption> @@ -840,31 +841,31 @@

Supported table markup

================================================== -->
-

Default styles

-

Individual form controls receive styling, but without any required base class on the <form> or large changes in markup. Results in stacked, left-aligned labels on top of form controls.

+

Estilos padrão

+

Controles de formulários individuais recebem estilização, mas sem nenhuam classe base no elemento <form> ou mudanças grandes na marcação. Resultados são estagnados, alinhados a esquerda e rótulos no topo dos controles de formulário

Legend - - - Example block-level help text here. + + + Ajuda de texto em bloco - +
 <form>
-  <legend>Legend</legend>
-  <label>Label name</label>
-  <input type="text" placeholder="Type something…">
+  <legend>Legenda</legend>
+  <label>Nome do título</label>
+  <input type="text" placeholder="Digite algo...">
   <span class="help-block">Example block-level help text here.</span>
   <label class="checkbox">
-    <input type="checkbox"> Check me out
+    <input type="checkbox"> Olha eu
   </label>
-  <button type="submit" class="btn">Submit</button>
+  <button type="submit" class="btn">Enviar</button>
 </form>
 
@@ -872,50 +873,50 @@

Default styles


-

Optional layouts

-

Included with Bootstrap are three optional form layouts for common use cases.

+

Layout opcionais

+

Incluído com o Bootstrap três layouts de formulários para usos comuns

-

Search form

-

Add .form-search to the form and .search-query to the <input> for an extra-rounded text input.

+

Formulário de busca

+

Adicione .form-search para o formulário e .search-query para o <input> para um input de texto com arredondamento extra.

- +
 <form class="form-search">
   <input type="text" class="input-medium search-query">
-  <button type="submit" class="btn">Search</button>
+  <button type="submit" class="btn">Busca</button>
 </form>
 
-

Inline form

-

Add .form-inline for left-aligned labels and inline-block controls for a compact layout.

+

Formulário inline

+

Adicione .form-inline para rótulos alinhados a esquerda e controles inline-block para um layout compacto

- + - +
 <form class="form-inline">
   <input type="text" class="input-small" placeholder="Email">
-  <input type="password" class="input-small" placeholder="Password">
+  <input type="password" class="input-small" placeholder="Senha">
   <label class="checkbox">
-    <input type="checkbox"> Remember me
+    <input type="checkbox"> Lembre-se de mim
   </label>
-  <button type="submit" class="btn">Sign in</button>
+  <button type="submit" class="btn">Entrar</button>
 </form>
 
-

Horizontal form

-

Right align labels and float them to the left to make them appear on the same line as controls. Requires the most markup changes from a default form:

+

Formulário horizontal

+

Rótulos alinhados a direita e flutuados a esquerda para aparecerem na mesma linha como controles. Requer mais mudanças do padrão de marcação do formulário padrão

    -
  • Add .form-horizontal to the form
  • -
  • Wrap labels and controls in .control-group
  • -
  • Add .control-label to the label
  • -
  • Wrap any associated controls in .controls for proper alignment
  • +
  • Adicione .form-horizontal para o formulário
  • +
  • Coloque em volta dos rótulos e controles um .control-group
  • +
  • Adicione .control-label para os rótulos
  • +
  • Coloque em volta de qualquer controle associado .controls para alinhamento apropriado
Legend @@ -926,17 +927,17 @@

Horizontal form

- +
- +
- +
@@ -949,17 +950,17 @@

Horizontal form

</div> </div> <div class="control-group"> - <label class="control-label" for="inputPassword">Password</label> + <label class="control-label" for="inputPassword">Senha</label> <div class="controls"> - <input type="password" id="inputPassword" placeholder="Password"> + <input type="password" id="inputPassword" placeholder="Senha"> </div> </div> <div class="control-group"> <div class="controls"> <label class="checkbox"> - <input type="checkbox"> Remember me + <input type="checkbox"> Lembre-se de mim </label> - <button type="submit" class="btn">Sign in</button> + <button type="submit" class="btn">Entrar</button> </div> </div> </form> @@ -969,12 +970,12 @@

Horizontal form


-

Supported form controls

-

Examples of standard form controls supported in an example form layout.

+

Controles de formulário suportados

+

Exemplos de um controle de formulários suportados em um layout de exemplo

Inputs

-

Most common form control, text-based input fields. Includes support for all HTML5 types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.

-

Requires the use of a specified type at all times.

+

Os controles de formulários mais comuns, campos de input baseado em texto. Inclui suporte para todos os tipos do HTML5: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel e color.

+

Requer o uso de um tipo type

@@ -982,8 +983,8 @@

Inputs

<input type="text" placeholder="Text input"> -

Textarea

-

Form control which supports multiple lines of text. Change row attribute as necessary.

+

Área de texto

+

Controles de formulário que também suporta múltiplas linhas de texto. Mude o atributo row quando necessário

@@ -991,42 +992,42 @@

Textarea

<textarea rows="3"></textarea> -

Checkboxes and radios

-

Checkboxes are for selecting one or several options in a list while radios are for selecting one option from many.

-

Default (stacked)

+

Checkbox e radio

+

Checkboxes são usados para selecionar várias opções em uma lista enquanto botões radio são usados para selecionar uma opção de várias

+

Padrão (estagnados)


 <label class="checkbox">
   <input type="checkbox" value="">
-  Option one is this and that—be sure to include why it's great
+  Opção 1 é isto
 </label>
 
 <label class="radio">
   <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
-  Option one is this and that—be sure to include why it's great
+  Opção 1 é isto
 </label>
 <label class="radio">
   <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
-  Option two can be something else and selecting it will deselect option one
+  A opção 2 pode ser algo mais e selecionando irá desselacionar a opção 1
 </label>
 
-

Inline checkboxes

-

Add the .inline class to a series of checkboxes or radios for controls appear on the same line.

+

checkboxes inline

+

Adicione a classe .inline para uma série de checkboxes ou radios para controlar a aparência na mesma linha

TagDescriptionDescrição
- Wrapping element for displaying data in a tabular format + Colocando elementos para exibir dados em um formato tabular
- Container element for table header rows (<tr>) to label table columns + Elemento principal para linhas da tabela (<tr>) para rotular colunas da tabela
- Container element for table rows (<tr>) in the body of the table + Elemento principal para linhas da tabela (<tr>) no corpo da tabela
- Container element for a set of table cells (<td> or <th>) that appears on a single row + Elemento principal para uma coleção de células (&td;tr>) ou (<th>) para aparecer em uma única linha
- Default table cell + Célula da tabela padrão
- Special table cell for column (or row, depending on scope and placement) labels
- Must be used within a <thead> + Célula de tabela especial para coluna (ou linha, dependendo do lugar que é colocado)
+ Deve ser usado dentro de um <thead>
- Description or summary of what the table holds, especially useful for screen readers + Descrição ou sumário do que a tabela possui, especialmente útil para leitores de tela
- + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - +
ButtonBotões class=""DescriptionDescrição
btnStandard gray button with gradientBotão padrão cinza com gradiente
btn btn-primaryProvides extra visual weight and identifies the primary action in a set of buttonsProvê peso extra visual e identifica a ação primária em uma coleção de botões
btn btn-infoUsed as an alternative to the default stylesUsado como uma alternativa para os estilos padrões
btn btn-successIndicates a successful or positive actionIndica uma ação bem sucedida e positiva
btn btn-warningIndicates caution should be taken with this actionIndicação de cuidado deve ser feita com esta ação
btn btn-dangerIndicates a dangerous or potentially negative actionIndica uma ação potencialmente perigosa
btn btn-inverseAlternate dark gray button, not tied to a semantic action or useBotão alternativo cinza, não ligado a uma ação semântica ou uso
btn btn-linkDeemphasize a button by making it look like a link while maintaining button behaviorDesenfatizar um botão por fazer parecer como link enquanto mantém o comportamento de botão
-

Cross browser compatibility

-

IE9 doesn't crop background gradients on rounded corners, so we remove it. Related, IE9 jankifies disabled button elements, rendering text gray with a nasty text-shadow that we cannot fix.

+

Compatibilidade Cross Browser

+

O IE9 não corta gradiente de fundo em bordas arredondadas, então nós removemos. Outra coisa, IE9 desabilita elementos button, renderizando um texto cinza com uma sombra no texto que não podemos corrigir.

-

Button sizes

-

Fancy larger or smaller buttons? Add .btn-large, .btn-small, or .btn-mini for additional sizes.

+

Tamanhos de botão

+

Botões bonitos maiores ou menores? Adicione .btn-large, .btn-small, ou .btn-mini

- - + +

- - + +

- - + +

- - + +

 <p>
-  <button class="btn btn-large btn-primary" type="button">Large button</button>
-  <button class="btn btn-large" type="button">Large button</button>
+  <button class="btn btn-large btn-primary" type="button">Botão grande</button>
+  <button class="btn btn-large" type="button">Botão grande</button>
 </p>
 <p>
-  <button class="btn btn-primary" type="button">Default button</button>
-  <button class="btn" type="button">Default button</button>
+  <button class="btn btn-primary" type="button">Padrão de botão</button>
+  <button class="btn" type="button">Padrão de botão</button>
 </p>
 <p>
-  <button class="btn btn-small btn-primary" type="button">Small button</button>
-  <button class="btn btn-small" type="button">Small button</button>
+  <button class="btn btn-small btn-primary" type="button">Botão pequeno</button>
+  <button class="btn btn-small" type="button">Botão pequeno</button>
 </p>
 <p>
-  <button class="btn btn-mini btn-primary" type="button">Mini button</button>
-  <button class="btn btn-mini" type="button">Mini button</button>
+  <button class="btn btn-mini btn-primary" type="button">Botão miniatura</button>
+  <button class="btn btn-mini" type="button">Botão miniatura</button>
 </p>
 
-

Create block level buttons—those that span the full width of a parent— by adding .btn-block.

+

Criar um botões em bloco—aqueles que se espalha para a largura completa do elemento pai — adicionando .btn-block.

- - + +
-<button class="btn btn-large btn-block btn-primary" type="button">Block level button</button>
-<button class="btn btn-large btn-block" type="button">Block level button</button>
+<button class="btn btn-large btn-block btn-primary" type="button">Botões em bloco</button>
+<button class="btn btn-large btn-block" type="button">Botões em bloco</button>
 
-

Disabled state

-

Make buttons look unclickable by fading them back 50%.

+

Estado desabilitado

+

Fazer botões parecerem não clicáveis deixando mais claro em 50%

Anchor element

-

Add the .disabled class to <a> buttons.

+

Adicione a classe .disabled ao <a>

- Primary link + Link primário Link

-<a href="#" class="btn btn-large btn-primary disabled">Primary link</a>
+<a href="#" class="btn btn-large btn-primary disabled">Link primário</a>
 <a href="#" class="btn btn-large disabled">Link</a>
 

- Heads up! - We use .disabled as a utility class here, similar to the common .active class, so no prefix is required. + Atenção! + Nós usamos .disabled como uma classe utilitária, similar a classe .active, nenhum prefixo é necessário

Button element

-

Add the disabled attribute to <button> buttons.

+

Adicione o atributo disabled aos botões com a tag <button>

- - + +

-<button type="button" class="btn btn-large btn-primary disabled" disabled="disabled">Primary button</button>
-<button type="button" class="btn btn-large" disabled>Button</button>
+<button type="button" class="btn btn-large btn-primary disabled" disabled="disabled">Botão primário</button>
+<button type="button" class="btn btn-large" disabled>Botões</button>
 
-

One class, multiple tags

-

Use the .btn class on an <a>, <button>, or <input> element.

+

Uma classe, múltiplas tags

+

Use a classe .btn em um elemento <a>, <button>, ou elemento <input>.

Link - + - +
 <a class="btn" href="">Link</a>
-<button class="btn" type="submit">Button</button>
+<button class="btn" type="submit">Botões</button>
 <input class="btn" type="button" value="Input">
-<input class="btn" type="submit" value="Submit">
+<input class="btn" type="submit" value="Enviar">
 
-

As a best practice, try to match the element for your context to ensure matching cross-browser rendering. If you have an input, use an <input type="submit"> for your button.

+

Como melhor prática, tente dar o elemento ao contexto para certificar-se que irá ser bem renderizado cross-browser. Se você tem um input, use um <input type="submit"> para seus botões

@@ -1578,10 +1579,10 @@

One class, multiple tags

================================================== -->
-

Add classes to an <img> element to easily style images in any project.

+

Adicione classes para uma tag <img> para facilmente estilizar imagens em qualquer projeto

@@ -1592,7 +1593,7 @@

Images

<img src="..." class="img-circle"> <img src="..." class="img-polaroid"> -

Heads up! .img-rounded and .img-circle do not work in IE7-8 due to lack of border-radius support.

+

Atenção! .img-rounded e .img-circle não irão funcionar no IE7-8 devido ao não suporte ao border-radius

@@ -1603,11 +1604,11 @@

Images

================================================== -->
-

Icon glyphs

-

140 icons in sprite form, available in dark gray (default) and white, provided by Glyphicons.

+

Ícones glyphs

+

140 ícones em forma de sprite, disponíveis em um padrão cinza escuro e branco, provido pelo Glyphicons.

  • icon-glass
  • icon-music
  • @@ -1756,36 +1757,36 @@

    Icon glyphs

Glyphicons attribution

-

Glyphicons Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at not cost to you as developers. As a thank you, we ask you to include an optional link back to Glyphicons whenever practical.

+

Glyphicons Halflings não são normalmente grátis, mas um arranjo entre o Bootstrap e os criadores do Glyphicons tornou isto possível e não custa nada a você como desenvolvedor. Como forma de agradecimento, nós pedimos para você incluir um link opcional de volta do Glyphicons quando aplicável


-

How to use

-

All icons require an <i> tag with a unique class, prefixed with icon-. To use, place the following code just about anywhere:

+

Como usar

+

Todos ícones requerem uma tag <i> com uma classe única, prefixada com um icon-. Para usar, coloque o código seguinte em qualquer lugar:

 <i class="icon-search"></i>
 
-

There are also styles available for inverted (white) icons, made ready with one extra class. We will specifically enforce this class on hover and active states for nav and dropdown links.

+

Há também estilos disponíveis de ícones (brancos) invertidos, deixando pronto com uma classe extra. Nós iremos especificadamente reforçar esta classe no hover e estados de ativo para navegação e links dropdown

 <i class="icon-search icon-white"></i>
 

- Heads up! - When using beside strings of text, as in buttons or nav links, be sure to leave a space after the <i> tag for proper spacing. + Atenção! + Quando usar além de strings de texto, como um botão ou links de navegação, tenha certeza de deixar um espaço depois da tag para espaçamento apropriado


-

Icon examples

-

Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.

+

Exemplos de ícones

+

Use-os como botões, grupos de botões para uma barra de ferramentas, navegação, ou inputs de formulários

-

Buttons

+

Botões

-
Button group in a button toolbar
+
Grupos de botões em uma barra de botões
@@ -1808,35 +1809,35 @@
Button group in a button toolbar
</div> -
Dropdown in a button group
+
Dropdown em um grupo de botões
 <div class="btn-group">
-  <a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i> User</a>
+  <a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i> Usuário</a>
   <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
   <ul class="dropdown-menu">
-    <li><a href="#"><i class="icon-pencil"></i> Edit</a></li>
-    <li><a href="#"><i class="icon-trash"></i> Delete</a></li>
+    <li><a href="#"><i class="icon-pencil"></i> Editar</a></li>
+    <li><a href="#"><i class="icon-trash"></i> Apagar</a></li>
     <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li>
     <li class="divider"></li>
-    <li><a href="#"><i class="i"></i> Make admin</a></li>
+    <li><a href="#"><i class="i"></i> Tornar Administrador</a></li>
   </ul>
 </div>
 
-
Small button
+
Botão pequeno
@@ -1845,30 +1846,30 @@
Small button
-

Navigation

+

Navegação

 <ul class="nav nav-list">
-  <li class="active"><a href="#"><i class="icon-home icon-white"></i> Home</a></li>
-  <li><a href="#"><i class="icon-book"></i> Library</a></li>
-  <li><a href="#"><i class="icon-pencil"></i> Applications</a></li>
-  <li><a href="#"><i class="i"></i> Misc</a></li>
+  <li class="active"><a href="#"><i class="icon-home icon-white"></i> Início</a></li>
+  <li><a href="#"><i class="icon-book"></i> Biblioteca</a></li>
+  <li><a href="#"><i class="icon-pencil"></i> Aplicações</a></li>
+  <li><a href="#"><i class="i"></i> Outros</a></li>
 </ul>
 
-

Form fields

+

Campos de formulários

- +
@@ -1878,7 +1879,7 @@

Form fields

 <div class="control-group">
-  <label class="control-label" for="inputIcon">Email address</label>
+  <label class="control-label" for="inputIcon">Endereço de email</label>
   <div class="controls">
     <div class="input-prepend">
     <span class="add-on"><i class="icon-envelope"></i></span>
@@ -1902,10 +1903,11 @@ 

Form fields

================================================== -->
-

Back to top

-

Designed and built with all the love in the world @twitter by @mdo and @fat.

-

Code licensed under the Apache License v2.0. Documentation licensed under CC BY 3.0.

-

Icons from Glyphicons Free, licensed under CC BY 3.0.

+

Voltar ao topo

+

Desenvolvido com todo amor no mundo @twitter por @mdo e @fat.

+

Este projeto é uma versão do Twitter Bootstrap da globo.com mantido por Alexandre Magno

+

Código licenciado sob Licença Apache v2.0. A documentação é licenciada sob CC 3.0.

+

Ícones do Glyphicons Free, licenciado sob CC 3.0.

@@ -73,8 +74,8 @@ ================================================== -->
-

Components

-

Dozens of reusable components built to provide navigation, alerts, popovers, and more.

+

Componentes

+

Dezenas de componentes reusáveis construídos para prover navegação, alertas, popovers e mais

@@ -87,18 +88,18 @@

Components

@@ -109,76 +110,76 @@

Components

================================================== -->
-

Vertical button groups

-

Make a set of buttons appear vertically stacked rather than horizontally.

+

Grupos de botões verticais

+

Faça uma coleção de botões aparecerm verticalmente estagnados ao invés de horizontalmente

@@ -276,11 +277,11 @@

Vertical button groups


-

Checkbox and radio flavors

-

Button groups can also function as radios, where only one button may be active, or checkboxes, where any number of buttons may be active. View the Javascript docs for that.

+

Checkbox e radio em diferentes sabores

+

Grupos de botões também funciona como radios, onde somente um pode estar ativo, ou checkboxes, onde qualquer número de elementos podem estar ativos. Veja a documentação do javascript para isto.

-

Dropdowns in button groups

-

Heads up! Buttons with dropdowns must be individually wrapped in their own .btn-group within a .btn-toolbar for proper rendering.

+

Dropdown nos grupos de botões

+

Atenção! Botões com dropdowns devem ser individualmente colocados com uma classe .btn-group dentro de um .btn-toolbar para renderizar corretamente

@@ -289,82 +290,82 @@

Dropdowns in button groups

================================================== -->
-

Overview and examples

-

Use any button to trigger a dropdown menu by placing it within a .btn-group and providing the proper menu markup.

+

Visão geral e exemplos

+

Use qualquer botão para disparar um menu dropdown colocados dentro de um .btn-group e provê o markup apropriado

@@ -372,234 +373,234 @@

Overview and examples

 <div class="btn-group">
   <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
-    Action
+    Ação
     <span class="caret"></span>
   </a>
   <ul class="dropdown-menu">
-    <!-- dropdown menu links -->
+    <!-- Links de menu dropdown -->
   </ul>
 </div>
 
-

Works with all button sizes

-

Button dropdowns work at any size: .btn-large, .btn-small, or .btn-mini.

+

Trabalha com todos tamanhos de botões

+

Dropdown de botões trabalha em qualquer tamanho: .btn-large, .btn-small, ou .btn-mini.

-

Requires javascript

-

Button dropdowns require the Bootstrap dropdown plugin to function.

-

In some cases—like mobile—dropdown menus will extend outside the viewport. You need to resolve the alignment manually or with custom javascript.

+

Requer javascript

+

Botões dropdown requerem O Bootstrap dropdown plugin para funcionar.

+

Em alguns casos—como mobile—menus dropdown irão ultrapassar a visão do browser. Você precisa resolver o alinhamento manualmente ou com algum javascript customizado.


-

Split button dropdowns

-

Building on the button group styles and markup, we can easily create a split button. Split buttons feature a standard action on the left and a dropdown toggle on the right with contextual links.

+

Quebrando botões dropdown

+

Para construir estilos e markup de grupos de botões, nós podemos simplesmente quebrar os botões. A funcionalidade de quebrar botões permite que você tenha uma ação padrão na esquerda e um dropdown na direita com links contextuais.

 <div class="btn-group">
-  <button class="btn">Action</button>
+  <button class="btn">Ação</button>
   <button class="btn dropdown-toggle" data-toggle="dropdown">
     <span class="caret"></span>
   </button>
   <ul class="dropdown-menu">
-    <!-- dropdown menu links -->
+    <!-- Links de menu dropdown -->
   </ul>
 </div>
 
-

Sizes

-

Utilize the extra button classes .btn-mini, .btn-small, or .btn-large for sizing.

+

Tamanhos

+

Utilize as classes extras de botões .btn-mini, .btn-small, ou .btn-large para dimensionamento.

 <div class="btn-group">
-  <button class="btn btn-mini">Action</button>
+  <button class="btn btn-mini">Ação</button>
   <button class="btn btn-mini dropdown-toggle" data-toggle="dropdown">
     <span class="caret"></span>
   </button>
   <ul class="dropdown-menu">
-    <!-- dropdown menu links -->
+    <!-- Links de menu dropdown -->
   </ul>
 </div>
 
-

Dropup menus

-

Dropdown menus can also be toggled from the bottom up by adding a single class to the immediate parent of .dropdown-menu. It will flip the direction of the .caret and reposition the menu itself to move from the bottom up instead of top down.

+

Menus Dropup

+

Menus Dropdown pode também ser alternados da parte inferior adicionando uma classe simples no pai imediato, classe é .dropdown-menu. Isto irá modificar a direção do .caret e reposiciona o menu para mover de cima pra baixo ebaixo de topo pra baixo

@@ -611,7 +612,7 @@

Dropup menus

<span class="caret"></span> </button> <ul class="dropdown-menu"> - <!-- dropdown menu links --> + <!-- Links de menu dropdown --> </ul> </div> @@ -624,83 +625,83 @@

Dropup menus

================================================== -->
@@ -285,7 +285,6 @@

O que vem depois?

-
diff --git a/docs/index.html b/docs/index.html index 414d2277d0a2..ce5905ddb291 100644 --- a/docs/index.html +++ b/docs/index.html @@ -74,10 +74,10 @@

Globo Bootstrap

Um framework de front-end poderoso, elegante e intuitivo para um desenvolvimento web fácil e rápido

-

Faça Download do Bootstrap

+

Faça Download do Bootstrap

diff --git a/docs/javascript.html b/docs/javascript.html index 6d4292e789f7..007ef18074a0 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -377,7 +377,7 @@

Eventos

- @@ -272,8 +272,8 @@

Modelo inicial

O que vem depois?

Olhe a documentação para informação, exemplos e trechos de código, ou faça uma customização do Bootstrap para qualquer projeto que está por vir.

- Visite a documentação do Bootstrap - Customizar o Bootstrap + Visite a documentação do Bootstrap + Customizar o Bootstrap
diff --git a/docs/index.html b/docs/index.html index ce5905ddb291..721fdfdea05d 100644 --- a/docs/index.html +++ b/docs/index.html @@ -44,7 +44,7 @@