├── .gitignore ├── CNAME ├── Gemfile ├── README.md ├── _config.yml ├── _includes ├── css │ ├── pygments-manni.css │ └── theme.css ├── footer.html ├── header.html ├── js.html └── tweet-button.html ├── _layouts ├── default.html └── post.html ├── _posts ├── 2014-09-23-bootlint.md ├── 2015-08-19-bootstrap-4-alpha.md ├── 2015-11-24-Bootstrap-3-3-6-released.md ├── 2015-11-24-bootstrap-3-3-6-released.md ├── 2015-12-08-bootstrap-4-alpha-2.md ├── 2015-12-08-new-bootstrap-4-alpha.md ├── 2016-07-25-bootstrap-3-3-7-released.md ├── 2016-07-27-bootstrap-4-alpha-3.md ├── 2016-09-05-bootstrap-4-alpha-4.md ├── 2016-10-19-bootstrap-4-alpha-5.md ├── 2017-01-06-bootstrap-4-alpha-6.md ├── 2017-06-14-introducing-bootstrap-jobs.md ├── 2017-08-10-bootstrap-4-beta.md └── 2018-04-09-bootstrap-4-1.md ├── apple-touch-icon.png ├── css └── style.css ├── favicon.ico ├── feed.xml ├── img ├── 2013 │ └── 03 │ │ └── bootstrap-expo.jpg ├── 2014 │ └── 02 │ │ ├── ratchet-docs.png │ │ ├── ratchet-examples-sm.png │ │ └── ratchet-examples.png ├── 2015 │ ├── bs-themes.png │ └── bs4-alpha.png ├── 2016 │ └── 07 │ │ ├── flex-cols.png │ │ └── forms.png ├── 2017 │ ├── alpha6-navbar.png │ └── bootstrap-4-beta.png ├── bootstrap-social-logo.png ├── bootstrap-social.png └── ogp.png ├── index.html ├── list.html ├── robots.txt └── sitemap.xml /.gitignore: -------------------------------------------------------------------------------- 1 | _site/ 2 | .DS_Store 3 | .ruby-version 4 | Gemfile.lock -------------------------------------------------------------------------------- /CNAME: -------------------------------------------------------------------------------- 1 | blog.getbootstrap.com.br -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source 'https://rubygems.org' 2 | gem 'github-pages', group: :jekyll_plugins -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Bootstrap Brasil blog 2 | 3 | Não use qualquer conteúdo em `_posts/` sem permissão. 4 | 5 | Criado por [@mdo](https://twitter.com/mdo), construído com [Jekyll](https://github.com/jekyll/jekyll), hospedado em [GitHub Pages](http://pages.github.com/) e traduzido pela comunidade [Bootstrap Brasil](https://github.com/bootstrapbrasil). 6 | 7 | <3 8 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | # Dependencies 2 | markdown: kramdown 3 | highlighter: rouge 4 | 5 | kramdown: 6 | auto_ids: true 7 | 8 | # Permalinks 9 | permalink: pretty 10 | 11 | # Gems 12 | gems: 13 | - jekyll-paginate 14 | 15 | # Setup 16 | name: Bootstrap Brasil Blog 17 | description: Tradução do Blog Bootstrap Oficial pela comunidade Bootstrap Brasil.. 18 | url: http://blog.getbootstrap.com.br 19 | 20 | paginate: 5 21 | encoding: UTF-8 22 | future: true 23 | 24 | exclude: ["README.md"] 25 | 26 | # Links 27 | blog: http://blog.getbootstrap.com 28 | expo: http://expo.getbootstrap.com 29 | themes: http://themes.getbootstrap.com 30 | 31 | # Social 32 | title: Bootstrap 33 | description: The most popular HTML, CSS, and JS framework in the world. 34 | twitter: getbootstrap 35 | authors: Mark Otto, Jacob Thornton, and Bootstrap contributors 36 | social_logo_path: /img/bootstrap-social-logo.png 37 | social_image_path: /img/bootstrap-social.png 38 | -------------------------------------------------------------------------------- /_includes/css/pygments-manni.css: -------------------------------------------------------------------------------- 1 | .hll { background-color: #ffffcc } 2 | /*{ background: #f0f3f3; }*/ 3 | .c { color: #999; } /* Comment */ 4 | .err { color: #AA0000; background-color: #FFAAAA } /* Error */ 5 | .k { color: #006699; } /* Keyword */ 6 | .o { color: #555555 } /* Operator */ 7 | .cm { color: #999; } /* Comment.Multiline */ /* Edited to remove italics and make into comment */ 8 | .cp { color: #009999 } /* Comment.Preproc */ 9 | .c1 { color: #999; } /* Comment.Single */ 10 | .cs { color: #999; } /* Comment.Special */ 11 | .gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */ 12 | .ge { font-style: italic } /* Generic.Emph */ 13 | .gr { color: #FF0000 } /* Generic.Error */ 14 | .gh { color: #003300; } /* Generic.Heading */ 15 | .gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */ 16 | .go { color: #AAAAAA } /* Generic.Output */ 17 | .gp { color: #000099; } /* Generic.Prompt */ 18 | .gs { } /* Generic.Strong */ 19 | .gu { color: #003300; } /* Generic.Subheading */ 20 | .gt { color: #99CC66 } /* Generic.Traceback */ 21 | .kc { color: #006699; } /* Keyword.Constant */ 22 | .kd { color: #006699; } /* Keyword.Declaration */ 23 | .kn { color: #006699; } /* Keyword.Namespace */ 24 | .kp { color: #006699 } /* Keyword.Pseudo */ 25 | .kr { color: #006699; } /* Keyword.Reserved */ 26 | .kt { color: #007788; } /* Keyword.Type */ 27 | .m { color: #FF6600 } /* Literal.Number */ 28 | .s { color: #d44950 } /* Literal.String */ 29 | .na { color: #4f9fcf } /* Name.Attribute */ 30 | .nb { color: #336666 } /* Name.Builtin */ 31 | .nc { color: #00AA88; } /* Name.Class */ 32 | .no { color: #336600 } /* Name.Constant */ 33 | .nd { color: #9999FF } /* Name.Decorator */ 34 | .ni { color: #999999; } /* Name.Entity */ 35 | .ne { color: #CC0000; } /* Name.Exception */ 36 | .nf { color: #CC00FF } /* Name.Function */ 37 | .nl { color: #9999FF } /* Name.Label */ 38 | .nn { color: #00CCFF; } /* Name.Namespace */ 39 | .nt { color: #2f6f9f; } /* Name.Tag */ 40 | .nv { color: #003333 } /* Name.Variable */ 41 | .ow { color: #000000; } /* Operator.Word */ 42 | .w { color: #bbbbbb } /* Text.Whitespace */ 43 | .mf { color: #FF6600 } /* Literal.Number.Float */ 44 | .mh { color: #FF6600 } /* Literal.Number.Hex */ 45 | .mi { color: #FF6600 } /* Literal.Number.Integer */ 46 | .mo { color: #FF6600 } /* Literal.Number.Oct */ 47 | .sb { color: #CC3300 } /* Literal.String.Backtick */ 48 | .sc { color: #CC3300 } /* Literal.String.Char */ 49 | .sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */ 50 | .s2 { color: #CC3300 } /* Literal.String.Double */ 51 | .se { color: #CC3300; } /* Literal.String.Escape */ 52 | .sh { color: #CC3300 } /* Literal.String.Heredoc */ 53 | .si { color: #AA0000 } /* Literal.String.Interpol */ 54 | .sx { color: #CC3300 } /* Literal.String.Other */ 55 | .sr { color: #33AAAA } /* Literal.String.Regex */ 56 | .s1 { color: #CC3300 } /* Literal.String.Single */ 57 | .ss { color: #FFCC33 } /* Literal.String.Symbol */ 58 | .bp { color: #336666 } /* Name.Builtin.Pseudo */ 59 | .vc { color: #003333 } /* Name.Variable.Class */ 60 | .vg { color: #003333 } /* Name.Variable.Global */ 61 | .vi { color: #003333 } /* Name.Variable.Instance */ 62 | .il { color: #FF6600 } /* Literal.Number.Integer.Long */ 63 | 64 | .css .o, 65 | .css .o + .nt, 66 | .css .nt + .nt { color: #999; } 67 | -------------------------------------------------------------------------------- /_includes/css/theme.css: -------------------------------------------------------------------------------- 1 | /* Resets 2 | -------------------------------------------------- */ 3 | 4 | iframe { 5 | border: 0; 6 | } 7 | 8 | h1, h2, h3, h4, h5, h6 { 9 | font-weight: 400; 10 | } 11 | 12 | h2, h3, h4 { 13 | font-weight: 500; 14 | } 15 | 16 | .tweet-button { 17 | margin: 1rem 0; 18 | } 19 | 20 | .embed-responsive { 21 | margin-bottom: 1rem; 22 | } 23 | 24 | .post li { 25 | margin-bottom: .25rem; 26 | } 27 | 28 | /* Bootstrap "B" icon */ 29 | .bs-docs-booticon { 30 | display: block; 31 | width: 6rem; 32 | height: 6rem; 33 | margin: 0 auto 1rem; 34 | font-size: 4.5rem; 35 | font-weight: 500; 36 | line-height: 6rem; 37 | color: #fff; 38 | text-align: center; 39 | background-color: transparent; 40 | border: 1px solid #cdbfe3; 41 | border-radius: 15%; 42 | } 43 | .bs-docs-booticon:hover, 44 | .bs-docs-booticon:focus { 45 | text-decoration: none; 46 | } 47 | 48 | /* Header */ 49 | .masthead { 50 | position: relative; 51 | padding: 2rem 1rem; 52 | font-weight: 300; 53 | color: #cdbfe3; 54 | text-align: center; 55 | text-shadow: 0 1px 0 rgba(0,0,0,.1); 56 | background-color: #6f5499; 57 | background-image: -webkit-gradient(linear, left top, left bottom, from(#563d7c), to(#6f5499)); 58 | background-image: -webkit-linear-gradient(top, #563d7c 0%, #6f5499 100%); 59 | background-image: -o-linear-gradient(top, #563d7c 0%, #6f5499 100%); 60 | background-image: linear-gradient(to bottom, #563d7c 0%, #6f5499 100%); 61 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0); 62 | background-repeat: repeat-x; 63 | } 64 | .masthead a, 65 | .masthead h1 { 66 | font-weight: 400; 67 | color: #fff; 68 | } 69 | .masthead p { 70 | max-width: 26rem; 71 | margin: 0 auto; 72 | } 73 | .masthead h1 { 74 | margin-top: 0; 75 | margin-bottom: .25rem; 76 | font-size: 1.5rem; 77 | } 78 | 79 | @media (min-width: 768px) { 80 | .masthead { 81 | padding: 3rem 0 4rem; 82 | } 83 | } 84 | 85 | 86 | /* Footer 87 | -------------------------------------------------- */ 88 | 89 | .colophon:before { 90 | display: block; 91 | content: ''; 92 | width: 100px; 93 | height: 1px; 94 | margin: 4rem auto; 95 | background-color: #eee; 96 | } 97 | .colophon ul, 98 | .colophon p { 99 | text-align: center; 100 | font-size: .75rem; 101 | color: #999; 102 | } 103 | .colophon ul { 104 | margin-left: 0; 105 | } 106 | .colophon ul li { 107 | display: inline; 108 | padding: 0 .75rem; 109 | } 110 | .colophon ul a { 111 | white-space: nowrap; 112 | } 113 | 114 | 115 | /* Download buttons 116 | -------------------------------------------------- */ 117 | 118 | .btn-link { 119 | display: inline-block; 120 | padding: .6rem 1.2rem; 121 | margin-right: .25rem; 122 | color: #fff; 123 | font-weight: bold; 124 | background-color: #08c; 125 | border-radius: .2rem; 126 | -webkit-transition: all .2s linear; 127 | transition: all .2s linear; 128 | } 129 | .btn-link:hover { 130 | color: #fff; 131 | text-decoration: none; 132 | background-color: #005580; 133 | } 134 | 135 | .btn-link-ratchet { 136 | background-color: #b60c32; 137 | } 138 | .btn-link-ratchet:hover { 139 | background-color: #0f1953; 140 | } 141 | 142 | 143 | /* Ads 144 | -------------------------------------------------- */ 145 | 146 | .carbonad { 147 | width: auto !important; 148 | height: auto !important; 149 | min-height: 130px; 150 | padding: 15px; 151 | margin-bottom: 30px; 152 | background: #f5f5f5 !important; 153 | border: 0 !important; 154 | border-radius: 4px; 155 | } 156 | .carbonad-img { 157 | margin: 0 !important; 158 | } 159 | .carbonad-text { 160 | float: none !important; 161 | display: block !important; 162 | width: auto !important; 163 | height: auto !important; 164 | max-width: 240px; 165 | margin-top: 0 !important; 166 | margin-left: 150px !important; 167 | margin-right: 10px !important; 168 | padding-top: 0 !important; 169 | font-family: inherit !important; 170 | font-size: 14px !important; 171 | line-height: 1.3; 172 | } 173 | .carbonad-tag { 174 | float: none !important; 175 | display: block !important; 176 | width: auto !important; 177 | padding-top: 0 !important; 178 | margin-left: 150px !important; 179 | margin-bottom: 0; 180 | text-align: left !important; 181 | font-family: inherit !important; 182 | } 183 | #azcarbon img:last-child { 184 | margin-bottom: 0; /* undo phantom image margin */ 185 | } 186 | 187 | @media (min-width: 980px) { 188 | .carbonad { 189 | position: fixed; 190 | right: 20px; 191 | bottom: 20px; 192 | width: 160px !important; 193 | margin: 0; 194 | } 195 | .carbonad-img { 196 | float: none !important; 197 | margin: 0 0 10px !important; 198 | } 199 | .carbonad-text { 200 | margin-left: 0 !important; 201 | margin-right: 0 !important; 202 | font-size: 12px !important; 203 | } 204 | .carbonad-tag { 205 | margin-left: 0 !important; 206 | } 207 | } 208 | 209 | 210 | 211 | /* List page 212 | -------------------------------------------------- */ 213 | .list { 214 | padding-left: 0; 215 | list-style: none; 216 | } 217 | .list li { 218 | display: block; 219 | margin-bottom: 5px; 220 | } 221 | .list span { 222 | float: right; 223 | color: #999; 224 | } 225 | -------------------------------------------------------------------------------- /_includes/footer.html: -------------------------------------------------------------------------------- 1 | 27 | 28 | 29 | 30 | {% include js.html %} 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /_includes/header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | {% if page.title %} 11 | {{ page.title }} · {{ site.title }} 12 | {% else %} 13 | {{ site.title }} · {{ site.description }} 14 | {% endif %} 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | {% if page.title %} 38 | 39 | 40 | 41 | 42 | {% else %} 43 | 44 | 45 | 46 | 47 | {% endif %} 48 | 49 | 50 | {% if page.title %} 51 | 52 | 53 | 54 | {% else %} 55 | 56 | 57 | 58 | {% endif %} 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 74 | 75 | 76 | Faça parte da comunidade Bootstrap Brasil no Slack 77 | 88 | 89 |
90 |
91 | B 92 |

Blog Bootstrap Brasil

93 |

94 | Tradução do Blog Bootstrap Oficial pela comunidade Bootstrap Brasil. 95 |

96 |
97 |
98 | 99 |
-------------------------------------------------------------------------------- /_includes/js.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /_includes/tweet-button.html: -------------------------------------------------------------------------------- 1 | {% if page.slug != "home" %} 2 |
3 | 4 |
5 | {% else %} 6 |
7 | 8 |
9 | {% endif %} 10 | -------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | {% include header.html %} 2 | 3 | {{ content }} 4 | 5 | {% include footer.html %} 6 | -------------------------------------------------------------------------------- /_layouts/post.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 |
6 |

{{ page.title }}

7 | {{ page.date | date_to_string }} 8 | 9 | {% include tweet-button.html %} 10 | 11 | {{ content }} 12 |
13 | 14 |
15 |

Posts Relacionados

16 | 28 |
29 | -------------------------------------------------------------------------------- /_posts/2014-09-23-bootlint.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: Introducing Bootlint 4 | video: kris kross jump 5 | --- 6 | 7 |
8 | 9 |
10 | 11 | After hanging out on the Bootstrap issue tracker for a long time, you start to notice some common mistakes folks make (besides [just plain invalid HTML](/2014/06/25/lmvtfy/)). Many of them are covered in our documentation, but our docs can be lengthy and some of the mistakes are pretty subtle or have non-obvious causes. 12 | 13 | Pointing out the same mistakes repeatedly gets tiring, so once again, we decided to try automating things. The result of our efforts is **[Bootlint](https://github.com/twbs/bootlint)**, an HTML [linting](http://en.wikipedia.org/wiki/Lint_%28software%29) tool for projects using vanilla Bootstrap. Using Bootlint (either [in-browser](https://github.com/twbs/bootlint#in-the-browser) or [from the command line via Node.js](https://github.com/twbs/bootlint#on-the-command-line)), you can automatically check your Bootstrapped webpages for many common Bootstrap usage mistakes. 14 | 15 | We encourage you to add Bootlint to your web development toolchain so that none of the common mistakes slow down your project's development. In the future, we hope to also make a GitHub issues bot based on Bootlint to help folks out on the Bootstrap issue tracker. 16 | 17 | For more details, installation & usage instructions, or to contribute or give feedback, [check out the Bootlint project on GitHub!](https://github.com/twbs/bootlint) 18 | 19 | <3, 20 | 21 | [@cvrebert](https://twitter.com/cvrebert) and [team](https://github.com/twbs) 22 | -------------------------------------------------------------------------------- /_posts/2015-08-19-bootstrap-4-alpha.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: Bootstrap 4 alpha 4 | --- 5 | 6 |
7 | 8 |
9 | 10 | Hoje é um dia especial para o Bootstrap. Não só pelo nosso [quarto aniversário](https://twitter.com/mdo/statuses/104620039650557952), como também, depois de um ano de desenvolvimento, estamos finalmente divulgando a primeira versão alpha do Bootstrap 4. É isso aí! 11 | 12 | Bootstrap 4 tem sido uma grande esforço que altera quase todas as linhas de código. Estamos felizes por compartilhar com você e ouvir seus comentários. Nós temos um monte de notícias para compartilhar, então vamos pular direto para elas. 13 | 14 | ## O que há de novo 15 | 16 | [![Bootstrap 4 alpha](http://bootstrapbrasil.github.io/bootstrap-blog/img/2015/bs4-alpha.png)](http://v4-alpha.getbootstrap.com) 17 | 18 | Há uma tonelada de mudanças no Bootstrap e por isso é impossível descrever todas aqui, então aqui vão algumas das nossas mudanças favoritas: 19 | 20 | - **Movido de Less para Sass.** Bootstrap agora compila mais rápido do que nunca, graças ao Libsass, e nós estamos cada vez mais junto com a enorme comunidade de desenvolvedores Sass. 21 | - **Sistema de grid melhorado.** Nós adicionamos uma nova camada de grid para atender melhor dispositivos móveis e remodelamos completamente nossos mixins semânticos. 22 | - **Suporte Opt-in flexbox.** O futuro é agora — mudamos a variável boolean e recompilamos seu CSS para tirar proveito de um sistema de grid baseado em flexbox e componentes. 23 | - **Alterado wells, thumbnails, e panels para cards.** Os cards são um novo componente do Bootstrap, mas com eles, você se sentirá super a vontade, são parecidos com wells, thumbnails, e panels, só que melhor. 24 | - **Consolidado todo reset de nosso HTML em um novo módulo, Reboot.** Reinicie etapas em Normalize.css onde parar, dando-lhe mais opções como resets `box-sizing: border-box`, ajustes de margens, e mais tudo isso em um único arquivo Sass. 25 | - **Novas opções de customização do Brand.** Em vez de banir enfeites de embelezamento do estilo como gradientes, transições, sombras, e muito mais para uma folha de estilo (css) separada como na v3, nós movemos todas essas opções em variáveis ​​Sass. Quer transições padrão em tudo ou desativar cantos arredondados? Basta atualizar uma variável e recompilar. 26 | - **Sem suporte para IE8 e atualização para unidades rem e em.** Fim do suporte para IE8 significa que podemos aproveitar as melhores partes de CSS sem serem mantidas com hacks CSS ou fallbacks. Pixels foram trocados por rems e ems quando apropriado para fazer tipografia ágil e dimensionamento de componente ainda mais fácil. Se você precisar de suporte IE8, continue usando Bootstrap 3. 27 | - **Reescrito todos nossos plugins JavaScript.** Cada plugin foi reescrito em ES6 para tirar vantagem das mais recentes melhorias de JavaScript. Eles também já vêm com suporte UMD, métodos de desmontagem genéricos, tipo de opção de verificação, e toneladas mais. 28 | - **Melhoria de auto-posição de tooltips e popovers** graças à ajuda de uma ferramenta chamada Tether. 29 | - **Melhoria da documentação.** Nós reescrevemos tudo em Markdown e acrescentamos alguns plugins úteis para agilizar exemplos e trechos de código para tornar o trabalho com nossos docs mais fácil. Melhoria da pesquisa também é uma outra maneira. 30 | - **E mais novidades!** Controles personalizados de formulário, classes CSS de margin e padding, novas classes de utilitários, e muito mais coisas foram incluídos. 31 | 32 | E isso mal começou, até agora temos 1,100 commits e 120,000 linhas de alterações na v4. Além disso, não estamos sequer prontos ainda! 33 | 34 | Pronto para conhece-lo? Então [mergulhe de cabeça na documentação v4 alpha!](http://v4-alpha.getbootstrap.com) 35 | 36 | ## Plano de Desenvolvimento 37 | 38 | Precisamos da sua ajuda para fazer Bootstrap 4 o melhor possível. A partir de hoje, o código fonte para v4 estará disponível no [branch `v4-dev` no GitHub](https://github.com/twbs/bootstrap/tree/v4-dev). Além disso, temos uma [v4 development and tracking pull request](https://github.com/twbs/bootstrap/pull/17021) que inclui um checklist master para verificar mudanças que fizemos e os nossos possíveis restantes afazeres. Adoraríamos a ajuda de todos vocês. 39 | 40 | O desenvolvimento geral e plano de lançamento é algo como isto: 41 | 42 | - Algumas versões alpha enquanto as coisas ainda estão em fluxo.. 43 | - Duas versões beta após recursos e funcionalidades estão fechadas para que possamos realmente testar as coisas. 44 | - Duas versões candidatas (RCs) para realmente testar as coisas mais perto de ambientes de produção. 45 | - Em seguida, a versão final! 46 | 47 | Para aqueles que quiserem conversar sobre a v4 com a gente, nós também temos um canal Slack v4 dedicado. Converse de negócios e trabalhos com seus companheiros Bootstrappers. Se você ainda não tiver, [junte-se à nossa sala oficial Slack!](https://bootstrap-slack.herokuapp.com). 48 | 49 | Se você não estiver interessado em enviar código para v4, nós adoraríamos ouvi-lo em nosso [gerenciador de tarefas](https://github.com/twbs/bootstrap/issues/) com sugestões de bugs, perguntas e comentários gerais. 50 | 51 | ## Suporte para v3 52 | 53 | Quando nós lançamos Bootstrap 3, nós imediatamente interrompemos todo suporte para v2.x, causando muita dor para todos os nossos usuários pelo mundo a fora. Isso foi um erro que não vamos repetir. Para o futuro próximo, nós estaremos mantendo Bootstrap 3 com correções de bugs críticos e melhorias de documentação. A documentação do v3 também continuará hospedada após lançamento da v4 final. 54 | 55 | ## Mais uma coisa... 56 | 57 | Além de divulgarmos a primeira versão alpha do Bootstrap 4 hoje, estamos também lançando nosso projeto paralelo mais recente, [Official Bootstrap Themes](http://themes.getbootstrap.com). 58 | 59 | [![Official Bootstrap Themes](http://bootstrapbrasil.github.io/bootstrap-blog/img/2015/bs-themes.png)](http://themes.getbootstrap.com) 60 | 61 | 66 | 67 | [Mergulhe de cabeça no site Bootstrap themes](http://themes.getbootstrap.com) para ve-los. 68 | 69 | <3, 70 | 71 | [@mdo](https://twitter.com/mdo), [@fat](https://twitter.com/fat), & [team](https://github.com/twbs) 72 | 73 | Tradução: [@adammacias](https://twitter.com/adammacias) 74 | -------------------------------------------------------------------------------- /_posts/2015-11-24-Bootstrap-3-3-6-released.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: Lançado Bootstrap 3.3.6 4 | --- 5 | 6 |
7 | 8 |
9 | 10 | Bootstrap 3.3.6 chegou! Esta é uma versão muito esperada que trás dezenas de correções de bugs CSS e atualizações na documentação. Nós tivemos mais de 180 commits, 100 issues fechadas e pull requests de quase 30 contribuidores desde nossa última versão. Woohoo! 11 | 12 | Aqui estão alguns dos destaques: 13 | 14 | - Adicionado suporte para o pacote NuGet oficial (Sim, isso é o velho, mas o pessoal ainda usa isso!). 15 | - Mapa de fonte habilitada para nosso CSS minificado compilado. 16 | - Atualizado mais de uma dúzia bugs de entrada em navegadores conforme os navegadores continuam a corrigir bugs (aww yeah!). 17 | - Atualizado várias documentações de plugin JavaScript para esclarecer o uso. 18 | - Criada documentação local de desenvolvimento mais fácil com plano alternativo de jQuery local. 19 | 20 | Para um colapso completo, leia a mudança de versão e a mileston v3.3.6. 21 | 22 | # Download Bootstrap 23 | 24 | Baixe a última versão — código fonte, recursos compilados e documentação — como arquivo ZIP diretamente do GitHub: 25 | 26 |

Download Bootstrap 3.3.6

27 | 28 | Visite o [repositório do projeto](https://github.com/twbs/bootstrap) ou [repositório Sass](https://github.com/twbs/bootstrap-sass) para mais opções. Além disso, lembre que [nós estamos disponíveis no npm](https://www.npmjs.org/package/bootstrap), também. 29 | 30 | 31 | {% highlight javascript %} 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | {% endhighlight %} 41 | 42 | 43 | 44 | <3, 45 | 46 | [@mdo](https://twitter.com/mdo), [@fat](https://twitter.com/fat), & [team](https://github.com/twbs) 47 | 48 | Tradução: [@flaviacs](https://github.com/flaviacs) 49 | -------------------------------------------------------------------------------- /_posts/2015-11-24-bootstrap-3-3-6-released.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: Lançado Bootstrap 3.3.6 4 | --- 5 | 6 |
7 | 8 |
9 | 10 | Bootstrap 3.3.6 chegou! Esta é uma versão muito esperada que trás dezenas de correções de bugs CSS e atualizações na documentação. Nós tivemos mais de 180 commits, 100 issues fechadas e pull requests de quase 30 contribuidores desde nossa última versão. Woohoo! 11 | 12 | Aqui estão alguns dos destaques: 13 | 14 | - Adicionado suporte para o pacote NuGet oficial (Sim, isso é o velho, mas o pessoal ainda usa isso!). 15 | - Mapa de fonte habilitada para nosso CSS minificado compilado. 16 | - Atualizado mais de uma dúzia bugs de entrada em navegadores conforme os navegadores continuam a corrigir bugs (aww yeah!). 17 | - Atualizado várias documentações de plugin JavaScript para esclarecer o uso. 18 | - Criada documentação local de desenvolvimento mais fácil com plano alternativo de jQuery local. 19 | 20 | Para um colapso completo, leia a mudança de versão e a mileston v3.3.6. 21 | 22 | # Download Bootstrap 23 | 24 | Baixe a última versão — código fonte, recursos compilados e documentação — como arquivo ZIP diretamente do GitHub: 25 | 26 |

Download Bootstrap 3.3.6

27 | 28 | Visite o [repositório do projeto](https://github.com/twbs/bootstrap) ou [repositório Sass](https://github.com/twbs/bootstrap-sass) para mais opções. Além disso, lembre que [nós estamos disponíveis no npm](https://www.npmjs.org/package/bootstrap), também. 29 | 30 | 31 | {% highlight javascript %} 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | {% endhighlight %} 41 | 42 | 43 | 44 | <3, 45 | 46 | [@mdo](https://twitter.com/mdo), [@fat](https://twitter.com/fat), & [team](https://github.com/twbs) 47 | 48 | Tradução: [@flaviacs](https://github.com/flaviacs) 49 | -------------------------------------------------------------------------------- /_posts/2015-12-08-bootstrap-4-alpha-2.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: New Bootstrap 4 alpha 4 | --- 5 | 6 |
7 | 8 |
9 | 10 | Bootstrap 4 alpha 2 is now available. Since [our last release]({% post_url 2015-08-19-bootstrap-4-alpha %}), nearly 100 people have pushed over 900 commits to v4 and we've closed over 400 issues and pull requests. Those numbers are outrageously awesome to see, and we've still got a ton of work ahead of us this year for v4. 11 | 12 | As mentioned in [our last post]({% post_url 2015-08-19-bootstrap-4-alpha %}), the general plan for v4's development starts with a few alpha releases. We're a little behind on that, but should be getting caught up as the year winds down. Expect another alpha or two this month to really round things out. 13 | 14 | Here's a look at a handful of the changes since our last alpha: 15 | 16 | - Overhauled spacing utilities to use a numerical tiering (to avoid confusion with grid tiers). 17 | - Continued refactoring efforts to replace markup-specific selectors with classes across several components (including pagination, lists, and more). *Still more to do here with additional components.* 18 | - Reverted media queries and grid containers from rems to pixels as viewports are not affected by font-size. See [#17403](https://github.com/twbs/bootstrap/pull/17403) for details. *We've got a ton of grid work left, too. Feel free to follow along with [#18471](https://github.com/twbs/bootstrap/issues/18471).* 19 | - Reverted `.0625rem` width borders to `1px` for more consistent component borders that avoid zoom and font-size bugs across browsers. 20 | - Renamed `.img-responsive` to `.img-fluid` to avoid future confusion on the various responsive image solutions out there. 21 | - Replaced ZeroClipboard with clipboard.js for Flash-independent copy buttons. 22 | - Inputs and buttons now share the same border variable to ensure components are always sized similarly. 23 | - Updated all pseudo-element selectors to use the spec's preferred double colon (e.g., `::before` as opposed to `:before`). 24 | - Cards now have outline variants and mixins to support extending base classes further. 25 | - Utility classes for floats and text alignment now have responsive ranges. *This means we've dropped the non-responsive classes to avoid duplication.* 26 | - Added support for jQuery 2. 27 | - And hundreds more Sass improvements, bug fixes, documentation updates, and more. 28 | 29 | We highly encourage folks to skim through [the second alpha's milestone on GitHub](https://github.com/twbs/bootstrap/issues?q=milestone%3Av4.0.0-alpha.2+is%3Aclosed) for a better idea of what's changed across the board. You can also follow along with other v4 efforts with the [`v4` label](https://github.com/twbs/bootstrap/labels/v4) on our issue tracker. 30 | 31 | **Ready to dive in? Then [head to the v4 alpha docs!](http://v4-alpha.getbootstrap.com)** 32 | 33 | Be sure to [join our official Slack room!](https://bootstrap-slack.herokuapp.com) and dive into [our issue tracker](https://github.com/twbs/bootstrap/issues/) with bug reports, questions, and general feedback whenever possible. 34 | 35 | <3, 36 | 37 | [@mdo](https://twitter.com/mdo) & [team](https://github.com/twbs) 38 | -------------------------------------------------------------------------------- /_posts/2015-12-08-new-bootstrap-4-alpha.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: Novo Bootstrap 4 alpha 4 | --- 5 | 6 |
7 | 8 |
9 | 10 | Bootstrap 4 alpha 2 já está disponível. Desde nossa última versão, quase 100 pessoas fizeram envios em mais de 900 commits para a v4 e nós fechamos mais de 400 issues e pull requests. Esses números são exorbitantemente impressionantes de se ver, e ainda temos uma tonelada de trabalho pela frente neste ano para a v4. 11 | 12 | Como mensionado em nosso último post, o plano geral de desenvolvimento da v4 começa com uns poucos lançamentos alpha. Nós estamos um pouco atrás nisso, mas deve ser recuperado conforme os ventos do ano cairem. Espere um alpha ou dois neste mês para realmente ser lançado. 13 | 14 | Aqui está um pouco das mudanças desde nosso último alpha: 15 | 16 | - Revisado espaçamento de utilitários para usar uma hierarquização numérica (para evitar confusão com camadas de grids). 17 | - Continuado esforços de refatoramento para substituir seletores de marcações específicas com classes através de vários componentes (includindo paginação, listas, e mais). *Ainda mais para fazer aqui com componentes adicionais*. 18 | - Reverter media queries e containers de grid de rems para pixels porque viewports não são afetadas por font-size. Veja [#17403](https://github.com/twbs/bootstrap/pull/17403) para detalhes. *Nós temos uma tonelada de trabalho de grid, também. Sinta-se livre para seguir junto com [#18471](https://github.com/twbs/bootstrap/issues/18471)*. 19 | - Revertido .0625rem com bordas para 1px para maior consistência de bordas de componentes que evitam zoom e bugs de font-size entre os navegadores. 20 | - Renomeado .img-responsive para .img-fluid para evitar futuras confusões nas várias soluções de imagem responsiva fora essas. 21 | - Substituído ZeroClipboard com clipboard.js para a cópia botões independente em Flash. 22 | - Entradas e botões atualmente compartilham a mesma variável de borda para assegurar que os componentes tenham sempre tamanhos similares. 23 | - Atualizados todos os seletores pseudo-elementos para usar as especificações preferidas de duplo dois pontos (ex.:, ::before como oposto para :before). 24 | - Cartões agora têm variação de contorno e mixins para apoiar extenções de classes base adicionais. 25 | - Classes utilitárias para para floats e alinhamento de texto agora tem variações responsivas. *Isso significa que nós temos largado as classes não responsivas para evitar duplicação*. 26 | - Adicionado suporte para jQuery 2. 27 | - E mais centenas de melhorias Sass, correções de bugs, atualização da documentação, e mais. 28 | 29 | Nós altamente encorajamos pessoas a folhear através da [segunda milestone no GitHub](https://github.com/twbs/bootstrap/issues?q=milestone%3Av4.0.0-alpha.2+is%3Aclosed) para uma ideia melhor do que foi mudado sobre o projeto. Você pode também seguir junto com outros esforços da v4 com a [etiqueta v4](https://github.com/twbs/bootstrap/labels/v4) em nossa rastreadora de issue. 30 | 31 | Pronto pra mergulhar? Então, [caia de cabeça na documentação aplha v4](http://getbootstrap.com.br/v4-alpha/)! 32 | 33 | Certifique-se de juntar-se a [nossa sala oficial no Slack](https://bootstrap-slack.herokuapp.com/)! e mergulhe em [nossa rastreadora de issue](https://github.com/twbs/bootstrap/issues/) com relatório de bugs, questões, e comentários geral sempre que possivel. 34 | 35 | <3, 36 | 37 | [@mdo](https://twitter.com/mdo), [@fat](https://twitter.com/fat), & [team](https://github.com/twbs) 38 | 39 | Tradução: [@flaviacs](https://github.com/flaviacs) -------------------------------------------------------------------------------- /_posts/2016-07-25-bootstrap-3-3-7-released.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: Lançado Bootstrap 3.3.7 4 | version: 3.3.7 5 | --- 6 | 7 |
8 | 9 |
10 | 11 | Bootstrap 3.3.7 está vivo! Nós tivemos mais de 220 commits, 80 issues resolvidas e pull requests de quase 30 contribuidores desde o último lançamento. Woohoo! 12 | 13 | Alguns destaques são: 14 | 15 | - Adicionado suporte para jQuery 3. 16 | - Adicionado código inline source em arquivos dentro sourcemap eliminando os erros `4xx` no CDN. 17 | - Atualizado vários devDependencies e gems. 18 | - Removido vendor prefixes sem suporte para `@viewport`. 19 | 20 | Para mais detalhes, [leia o release changelog](https://github.com/twbs/bootstrap/releases/tag/v3.3.7) e o [v3.3.7 milestone](https://github.com/twbs/bootstrap/issues?q=milestone%3Av3.3.7+is%3Aclosed). 21 | 22 | ## Download Bootstrap 23 | 24 | Download do último código-fonte lançado, assets compilados, e documentação em um arquivo ZIP direto do GitHub: 25 | 26 | Download Bootstrap 3.3.7 27 | 28 | Visite o [repositório do projeto](https://github.com/twbs/bootstrap) ou [respositório Sass](https://github.com/twbs/bootstrap-sass) para mais opções. Lembre-se, [estamos disponível via npm](https://www.npmjs.org/package/bootstrap) tambem. 29 | 30 | ## Bootstrap CDN 31 | 32 | Depois de analisar o changelog, atualize seus links CDN para apontar para os arquivos v3.3.7: 33 | 34 | {% highlight html %} 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | {% endhighlight %} 44 | 45 | <3, 46 | 47 | [@cvrebert](https://twitter.com/cvrebert) & [team](http://getbootstrap.com/about/#team) 48 | 49 | Tradução: [@adammacias](https://twitter.com/adammacias) 50 | -------------------------------------------------------------------------------- /_posts/2016-07-27-bootstrap-4-alpha-3.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: Bootstrap 4 Alpha 3 4 | --- 5 | 6 |
7 | 8 |
9 | 10 | Alpha 3 pousou! Nós temos o sistema de grid reformulado, controles de formulários atualizados, um novo acervo de fonte, toneladas de correções de bugs, e muito mais. Tem sido vários meses desde a nossa última atualização, mas o tamanho dessa atualização deve ajudar-nos de volta aos trilhos. 11 | 12 | Os trabalhos sobre Alpha 3 iniciou bastante amplo, abordando correções de bugs e atualizações de docs de todas as formas e tamanhos, mas terminou com um foco estreito em nossos controles de formulário e sistema de grid. Se você seguiu o desenvolvimento no nosso branch `v4-dev`, você já deve estar familiarizado com algumas destas mudanças maiores. 13 | 14 | [Ir para o site da docs do alpha atualizada](http://v4-alpha.getbootstrap.com), or continue lendo para mais destaques. 15 | 16 | ## Sistema de grid 17 | 18 | O sistema de grid foi revisado com três grandes pull requests—[#19099](https://github.com/twbs/bootstrap/pull/19099), [#20349](https://github.com/twbs/bootstrap/pull/20349), e [#20361](https://github.com/twbs/bootstrap/pull/20361). Esses grandes PRs foram voltada para as seguintes mudanças: 19 | 20 | - Nossas classes de grid (containers e columns) estão agora atrás de uma variável Sass, que significa **classes de grid pode ser facilmente desativada através do Sass**. Atualize a variável booleana `$enable-grid-classes` e recompile para então removê-los. 21 | 22 | - **As classes modificadoras do Grid estão mais simples** e não requerem mais o prefixo `col-`. Por exemplo, ao invés de `.col-offset-*-*`, `.col-push-*-*`, e `.col-pull-*-*`, nós temos `.offset-*-*`, `.push-*-*`, e `.pull-*-*`. 23 | 24 | - **Mixins foram alterados**, e depois mudou de novo, um esforço para manter as classes geradas simples e cooperativa entre os modos standard e flexbox. Nossos dois mixins primário de coluna agora são `make-col-ready`, que abriga o `position`, `padding-*`s, e `min-height` (para evitar o colapso de colunas vazias), e `make-col` e configurando o `float` e `width`. 25 | 26 | - ** Adicionado uma seção de personalização de grid no docs** para exemplicar como alterar o número de colunas, pontos de interrupção da linha de grid, larguras de container, e muito mais. 27 | 28 | Estas alterações estão disponíveis em nosso standard grid, assim como a nosso flexbox grid. Mais sobre isso abaixo. 29 | 30 | ## Flexbox 31 | 32 | Flexbox auto-layout 33 | 34 | O modo flexbox foi atualizado no Alpha 3, a partir do sistema de grid (ele usa a mesma variável e os mixins Sass atualizados) e movendo-se através dos nossos serviços públicos e componentes. 35 | 36 | -. **Novo docs flexbox grid** Além do docs standard grid, agora temos uma página no docs dedicado para nosso flexbox grid como ele se comporta de forma ligeiramente diferente do que o standard grid. Esta nova página inclui detalhes e maneira sobre como esse grid funciona, assim como exemplos de código adicionais. 37 | 38 | - **Largura da coluna automática** com novas classes `.col-{breakpoint}`. Por exemplo, para o breakpoint de três colunas de largura iguais `xs`, você criar três colunas com cada uma com apenas `.col-xs`. 39 | 40 | - **Novas classes utilitárias de alinhamento flexbox** para a distribuição dos itens verticalmente e horizontalmente. Funciona com nosso flexbox grid, bem como apenas sobre qualquer outro componente personalizado. 41 | 42 | ## Formulários 43 | 44 | Form validation states 45 | 46 | Formulários tiveram várias alterações durante o início do desenvolvimento do Alpha 3. Documentação, nomes de classe, opções de layout e estilos de validação têm sido drasticamente melhorada. 47 | 48 | - **Novas classes para checkboxes, radios, tamanhos de input e legends.** Embora não seja 100% finais, todos os nossos controles de formulário estão nomeados de forma mais clara e consistente em toda a sua CSS. 49 | 50 | - **Substituido as imagens de fundo PNG base64 com [inline SVGs](https://github.com/twbs/bootstrap/pull/17222)** para seus controles de formulários personalizados e estados de validação. Dimensione esses controles de formulário para o conteúdo do seu coração! 51 | 52 | - Falando de estados de validação, temos **a nova identidade de validação dos formulários com opções de texto de ajuda**. Estados de validação podem agora ser aplicada em uma base (com `.form-control-{state}`) e opcionalmente com feedback de validação pode ser mostrado com `.form-control-feedback`. Agora o texto do formulário de ajuda independente pode ser controlada com a nova classe `.form-text`. 53 | 54 | {% highlight html %} 55 |
56 | 59 | 60 | 63 | 64 | Example help text that remains unchanged. 65 | 66 |
67 | {% endhighlight %} 68 | 69 | - Corrigido alguns bugs relacionados com formulário, como o preenchimento da label horizontal [#17498](https://github.com/twbs/bootstrap/issues/17498), uso indevido de `
`s para formar grupos, classes de tamanho não aplicados nos `