├── CNAME
├── .gitignore
├── Gemfile
├── _includes
    ├── js.html
    ├── tweet-button.html
    ├── footer.html
    ├── css
    │   ├── pygments-manni.css
    │   └── theme.css
    └── header.html
├── favicon.ico
├── img
    ├── 2013
    │   └── 03
    │   │   └── bootstrap-expo.jpg
    ├── 2014
    │   └── 02
    │   │   ├── ratchet-docs.png
    │   │   ├── ratchet-examples.png
    │   │   └── ratchet-examples-sm.png
    ├── 2015
    │   ├── bs-themes.png
    │   └── bs4-alpha.png
    ├── 2016
    │   └── 07
    │   │   ├── forms.png
    │   │   └── flex-cols.png
    ├── 2017
    │   ├── alpha6-navbar.png
    │   └── bootstrap-4-beta.png
    ├── ogp.png
    ├── bootstrap-social.png
    └── bootstrap-social-logo.png
├── apple-touch-icon.png
├── _layouts
    ├── default.html
    └── post.html
├── robots.txt
├── list.html
├── README.md
├── _config.yml
├── sitemap.xml
├── index.html
├── feed.xml
├── _posts
    ├── 2014-09-23-bootlint.md
    ├── 2017-06-14-introducing-bootstrap-jobs.md
    ├── 2015-11-24-Bootstrap-3-3-6-released.md
    ├── 2015-11-24-bootstrap-3-3-6-released.md
    ├── 2016-09-05-bootstrap-4-alpha-4.md
    ├── 2016-07-25-bootstrap-3-3-7-released.md
    ├── 2018-04-09-bootstrap-4-1.md
    ├── 2015-12-08-bootstrap-4-alpha-2.md
    ├── 2015-12-08-new-bootstrap-4-alpha.md
    ├── 2017-08-10-bootstrap-4-beta.md
    ├── 2016-10-19-bootstrap-4-alpha-5.md
    ├── 2015-08-19-bootstrap-4-alpha.md
    ├── 2017-01-06-bootstrap-4-alpha-6.md
    └── 2016-07-27-bootstrap-4-alpha-3.md
└── css
    └── style.css


/CNAME:
--------------------------------------------------------------------------------
1 | blog.getbootstrap.com.br


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | _site/
2 | .DS_Store
3 | .ruby-version
4 | Gemfile.lock


--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
1 | source 'https://rubygems.org'
2 | gem 'github-pages', group: :jekyll_plugins


--------------------------------------------------------------------------------
/_includes/js.html:
--------------------------------------------------------------------------------
1 | <script src="//platform.twitter.com/widgets.js" async></script>
2 | 


--------------------------------------------------------------------------------
/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bootstrapbrasil/bootstrap-blog/HEAD/favicon.ico


--------------------------------------------------------------------------------
/img/ogp.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bootstrapbrasil/bootstrap-blog/HEAD/img/ogp.png


--------------------------------------------------------------------------------
/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bootstrapbrasil/bootstrap-blog/HEAD/apple-touch-icon.png


--------------------------------------------------------------------------------
/img/2016/07/forms.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bootstrapbrasil/bootstrap-blog/HEAD/img/2016/07/forms.png


--------------------------------------------------------------------------------
/_layouts/default.html:
--------------------------------------------------------------------------------
1 | {% include header.html %}
2 | 
3 | {{ content }}
4 | 
5 | {% include footer.html %}
6 | 


--------------------------------------------------------------------------------
/img/2015/bs-themes.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bootstrapbrasil/bootstrap-blog/HEAD/img/2015/bs-themes.png


--------------------------------------------------------------------------------
/img/2015/bs4-alpha.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bootstrapbrasil/bootstrap-blog/HEAD/img/2015/bs4-alpha.png


--------------------------------------------------------------------------------
/img/2016/07/flex-cols.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bootstrapbrasil/bootstrap-blog/HEAD/img/2016/07/flex-cols.png


--------------------------------------------------------------------------------
/img/2017/alpha6-navbar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bootstrapbrasil/bootstrap-blog/HEAD/img/2017/alpha6-navbar.png


--------------------------------------------------------------------------------
/img/bootstrap-social.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bootstrapbrasil/bootstrap-blog/HEAD/img/bootstrap-social.png


--------------------------------------------------------------------------------
/img/2014/02/ratchet-docs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bootstrapbrasil/bootstrap-blog/HEAD/img/2014/02/ratchet-docs.png


--------------------------------------------------------------------------------
/img/2013/03/bootstrap-expo.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bootstrapbrasil/bootstrap-blog/HEAD/img/2013/03/bootstrap-expo.jpg


--------------------------------------------------------------------------------
/img/2017/bootstrap-4-beta.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bootstrapbrasil/bootstrap-blog/HEAD/img/2017/bootstrap-4-beta.png


--------------------------------------------------------------------------------
/img/bootstrap-social-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bootstrapbrasil/bootstrap-blog/HEAD/img/bootstrap-social-logo.png


--------------------------------------------------------------------------------
/img/2014/02/ratchet-examples.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bootstrapbrasil/bootstrap-blog/HEAD/img/2014/02/ratchet-examples.png


--------------------------------------------------------------------------------
/img/2014/02/ratchet-examples-sm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bootstrapbrasil/bootstrap-blog/HEAD/img/2014/02/ratchet-examples-sm.png


--------------------------------------------------------------------------------
/robots.txt:
--------------------------------------------------------------------------------
 1 | ---
 2 | ---
 3 | 
 4 | # www.robotstxt.org/
 5 | 
 6 | # Allow crawling of all content
 7 | User-agent: *
 8 | Disallow:
 9 | Sitemap: {{ site.url }}/sitemap.xml
10 | 


--------------------------------------------------------------------------------
/list.html:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: default
 3 | name: "list"
 4 | ---
 5 | 
 6 | <ul class="list">
 7 | {% for post in site.posts %}
 8 |   <li>
 9 |     <span>{{ post.date | date_to_string }}</span>
10 |     <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
11 |   </li>
12 | {% endfor %}
13 | </ul>
14 | 


--------------------------------------------------------------------------------
/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 | 


--------------------------------------------------------------------------------
/_includes/tweet-button.html:
--------------------------------------------------------------------------------
 1 | {% if page.slug != "home" %}
 2 | <div class="tweet-button">
 3 |   <a href="https://twitter.com/share" class="twitter-share-button" data-size="large" data-count="horizontal" data-via="getbootstrap" data-url="{{ site.url }}{{ page.url }}" data-text="{{ page.title }}:" data-lang="pt">Tweetar</a>
 4 | </div>
 5 | {% else %}
 6 | <div class="tweet-button">
 7 |   <a href="https://twitter.com/share" class="twitter-share-button" data-size="large" data-count="horizontal" data-via="getbootstrap" data-url="{{ site.url }}{{ post.url }}" data-text="{{ post.title }}:" data-lang="pt">Tweetar</a>
 8 | </div>
 9 | {% endif %}
10 | 


--------------------------------------------------------------------------------
/_layouts/post.html:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: default
 3 | ---
 4 | 
 5 | <div class="post">
 6 |   <h1 class="post-title">{{ page.title }}</h1>
 7 |   <span class="post-date">{{ page.date | date_to_string }}</span>
 8 | 
 9 |   {% include tweet-button.html %}
10 | 
11 |   {{ content }}
12 | </div>
13 | 
14 | <div class="related">
15 |   <h2>Posts Relacionados</h2>
16 |   <ul class="related-posts">
17 |     {% for post in site.related_posts limit:3 %}
18 |       <li>
19 |         <h3>
20 |           <a href="{{ site.baseurl }}{{ post.url }}">
21 |             {{ post.title }}
22 |             <small>{{ post.date | date_to_string }}</small>
23 |           </a>
24 |         </h3>
25 |       </li>
26 |     {% endfor %}
27 |   </ul>
28 | </div>
29 | 


--------------------------------------------------------------------------------
/_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 | 


--------------------------------------------------------------------------------
/sitemap.xml:
--------------------------------------------------------------------------------
 1 | ---
 2 | ---
 3 | 
 4 | 
 5 | <?xml version="1.0" encoding="UTF-8"?>
 6 | <urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
 7 |   <url>
 8 |     <loc>{{ site.url }}/</loc>
 9 |     <lastmod>{{ site.time | date_to_xmlschema }}</lastmod>
10 |     <changefreq>daily</changefreq>
11 |     <priority>1.0</priority>
12 |   </url>
13 |   {% for page in site.html_pages %}
14 |   {% if page.slug != "home" %}
15 |   <url>
16 |     <loc>{{ site.url }}{{ page.url }}</loc>
17 |     <lastmod>{{ site.time | date_to_xmlschema }}</lastmod>
18 |     <changefreq>weekly</changefreq>
19 |     <priority>0.7</priority>
20 |   </url>
21 |   {% endif %}
22 |   {% endfor %}
23 |   {% for post in site.posts %}
24 |   <url>
25 |     <loc>{{ site.url }}{{ post.url }}</loc>
26 |     <lastmod>{{ post.date | date_to_xmlschema }}</lastmod>
27 |     <changefreq>weekly</changefreq>
28 |     <priority>0.8</priority>
29 |   </url>
30 |   {% endfor %}
31 | </urlset>
32 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: default
 3 | slug: home
 4 | ---
 5 | 
 6 | <div class="posts">
 7 |   {% for post in paginator.posts %}
 8 |   <div class="post">
 9 |     <h1 class="post-title">
10 |       <a href="{{ site.baseurl }}{{ post.url }}">
11 |         {{ post.title }}
12 |       </a>
13 |     </h1>
14 | 
15 |     <span class="post-date">{{ post.date | date_to_string }}</span>
16 | 
17 |     {% include tweet-button.html %}
18 | 
19 |     {{ post.content }}
20 |   </div>
21 |   {% endfor %}
22 | </div>
23 | 
24 | <div class="pagination">
25 |   {% if paginator.next_page %}
26 |     <a class="pagination-item older" href="{{ site.baseurl }}/page{{paginator.next_page}}">Antigo</a>
27 |   {% else %}
28 |     <span class="pagination-item older">Antigo</span>
29 |   {% endif %}
30 |   {% if paginator.previous_page %}
31 |     {% if paginator.page == 2 %}
32 |       <a class="pagination-item newer" href="{{ site.baseurl }}/">Recente</a>
33 |     {% else %}
34 |       <a class="pagination-item newer" href="{{ site.baseurl }}/page{{paginator.previous_page}}">Recente</a>
35 |     {% endif %}
36 |   {% else %}
37 |     <span class="pagination-item newer">Recente</span>
38 |   {% endif %}
39 | </div>
40 | 


--------------------------------------------------------------------------------
/feed.xml:
--------------------------------------------------------------------------------
 1 | ---
 2 | ---
 3 | 
 4 | <?xml version="1.0" encoding="utf-8"?>
 5 | <rss version="2.0"
 6 |   xmlns:content="http://purl.org/rss/1.0/modules/content/"
 7 |   xmlns:wfw="http://wellformedweb.org/CommentAPI/"
 8 |   xmlns:dc="http://purl.org/dc/elements/1.1/"
 9 |   xmlns:atom="http://www.w3.org/2005/Atom"
10 |   xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
11 |   xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
12 |   >
13 |   <channel>
14 |     <title xml:lang="pt-br">{{ site.name}}</title>
15 |     <atom:link type="application/atom+xml" href="{{ site.url }}/feed.xml" rel="self"/>
16 |     <link>{{ site.url }}/</link>
17 |     <pubDate>{{ site.time | date: "%a, %d %b %Y %H:%M:%S %z" }}</pubDate>
18 |     <lastBuildDate>{{ site.time | date: "%a, %d %b %Y %H:%M:%S %z" }}</lastBuildDate>
19 |     <language>en-US</language>
20 |     <description>{{ site.description }}</description>
21 |     {% for post in site.posts limit:10 %}<item>
22 |       <title>{{ post.title }}</title>
23 |       <link>{{ site.url }}{{ post.url }}</link>
24 |       <pubDate>{{ post.date | date: "%a, %d %b %Y %H:%M:%S %z" }}</pubDate>
25 |       <dc:creator>{{ post.author }}</dc:creator>
26 |       {% for tag in post.tags %}<category>{{ tag | xml_escape }}</category>
27 |       {% endfor %}{% for cat in post.categories %}<category>{{ cat | xml_escape }}</category>
28 |       {% endfor %}<guid isPermaLink="true">{{ site.url }}{{ post.url }}</guid>
29 |       <description>{{ post.content | xml_escape }}</description>
30 |     </item>
31 |   {% endfor %}
32 |   </channel>
33 | </rss>


--------------------------------------------------------------------------------
/_includes/footer.html:
--------------------------------------------------------------------------------
 1 |       <footer class="colophon">
 2 |         <ul>
 3 |           <li><a href="http://bootstrapbrasil.github.io/">Bootstrap Brasil docs</a></li>
 4 |           <li><a href="https://getbootstrap.com">Bootstrap Oficial docs</a></li>
 5 |           <li><a href="https://github.com/twbs/bootstrap/issues?state=open">Bootstrap issues</a></li>
 6 |           <li><a href="/feed.xml">Inscreva-se via RSS</a></li>
 7 |         </ul>
 8 |         <ul>
 9 |           <li>
10 |             <iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=twbs&amp;repo=bootstrap&amp;type=watch&amp;count=true" width="112" height="20"></iframe>
11 |           </li>
12 |           <li>
13 |             <iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=twbs&amp;repo=bootstrap&amp;type=fork&amp;count=true" width="105" height="20"></iframe>
14 |           </li>
15 |         </ul>
16 |         <ul>
17 |           <li class="follow-btn">
18 |             <a href="https://twitter.com/getbootstrap" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Seguir @getbootstrap</a>
19 |           </li>
20 |           <li>
21 |             <a href="https://twitter.com/share" class="twitter-share-button" data-url="https://getbootstrap.com/bootstrap/" data-count="horizontal" data-via="getbootstrap" data-related="mdo:Creator of Twitter Bootstrap">Tweetar</a>
22 |           </li>
23 |         </ul>
24 | 
25 |         <p>&copy; {{ site.time | date: '%Y' }}. Todos os direitos reservados.</p>
26 |       </footer>
27 | 
28 |     </div> <!-- /close container -->
29 | 
30 |     {% include js.html %}
31 | 
32 |   </body>
33 | </html>
34 | 


--------------------------------------------------------------------------------
/_posts/2014-09-23-bootlint.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: post
 3 | title: Introducing Bootlint
 4 | video: kris kross jump
 5 | ---
 6 | 
 7 | <div class="embed-responsive embed-responsive-16by9">
 8 |   <iframe class="embed-responsive-item" src="//www.youtube.com/embed/010KyIQjkTk?rel=0" width="760" height="428" allowfullscreen></iframe>
 9 | </div>
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/2017-06-14-introducing-bootstrap-jobs.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: post
 3 | title: Introducing Bootstrap Jobs
 4 | ---
 5 | 
 6 | <div class="embed-responsive embed-responsive-16by9">
 7 |   <iframe class="embed-responsive-item" src="//www.youtube.com/embed/K1b8AhIsSYQ?rel=0" width="760" height="570" allowfullscreen></iframe>
 8 | </div>
 9 | 
10 | Every month, millions of developers across the world visit Bootstrap’s documentation, reading up on features, implementing components, and learning new techniques. Millions more use it daily in their projects, extending and customizing it through the massive ecosystem of themes, extensions, and tools.
11 | 
12 | **Today, we’re excited to expand that ecosystem once more with an official [Bootstrap Jobs board](https://jobs.getbootstrap.com)**. We’re launching with job opportunities from a handful of the biggest software-driven companies out there, including Airbnb, Stripe, Lyft, Medium, and more.
13 | 
14 | Bootstrap developers come from all different backgrounds, geographic regions, and skill levels, often with domain expertise across multiple programming languages. They tend to not only write HTML, CSS, and JavaScript, but Ruby, PHP, React, iOS, and more, too. With Bootstrap Jobs, Bootstrap developers have immediate access to a brand new job board just for them from a site they visit nearly 20 million times each month. Companies all over now have a direct and efficient channel to reach this massive audience with relevant job postings.
15 | 
16 | **Looking for your next job?** Head on over to <https://jobs.getbootstrap.com> to search for jobs from some of the best companies out there.
17 | 
18 | **Have a job you’d like to share with Bootstrap developers?** Visit <https://jobs.getbootstrap.com> and click “Post a Job” to get started. Have any questions or feedback, don’t hesitate to email us at jobs@getbootstrap.com.
19 | 
20 | <3,<br>
21 | The Bootstrap Team
22 | 


--------------------------------------------------------------------------------
/_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 | <div class="embed-responsive embed-responsive-16by9">
 7 |   <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/l-O5IHVhWj0" width="760" height="570" allowfullscreen></iframe>
 8 | </div>
 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 | <p><a class="btn-link" href="https://github.com/twbs/bootstrap/archive/v3.3.6.zip">Download Bootstrap 3.3.6</a></p>
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 | <!-- Latest compiled and minified CSS -->
33 | <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
34 | 
35 | <!-- Optional theme -->
36 | <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
37 | 
38 | <!-- Latest compiled and minified JavaScript -->
39 | <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
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 | <div class="embed-responsive embed-responsive-16by9">
 7 |   <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/l-O5IHVhWj0" width="760" height="570" allowfullscreen></iframe>
 8 | </div>
 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 | <p><a class="btn-link" href="https://github.com/twbs/bootstrap/archive/v3.3.6.zip">Download Bootstrap 3.3.6</a></p>
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 | <!-- Latest compiled and minified CSS -->
33 | <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
34 | 
35 | <!-- Optional theme -->
36 | <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
37 | 
38 | <!-- Latest compiled and minified JavaScript -->
39 | <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
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/2016-09-05-bootstrap-4-alpha-4.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: post
 3 | title: Bootstrap 4 Alpha 4
 4 | ---
 5 | 
 6 | <div class="embed-responsive embed-responsive-16by9">
 7 |   <iframe class="embed-responsive-item" src="//www.youtube.com/embed/p0OX_8YvFxA?rel=0" width="760" height="570" allowfullscreen></iframe>
 8 | </div>
 9 | 
10 | [Alpha 4 esta vivo](http://v4-alpha.getbootstrap.com) ([em Português](http://getbootstrap.com.br/v4)) para corrigir o desagradável build, erros nos pacotes, alguns bugs CSS e inconsistências na documentação que adicionamos no nosso último lançamento.
11 | 
12 | Este é um pequeno release comparado aos nossos alphas anteriores, então aqui está o que foi atualizado:
13 | 
14 | - Corrigido erros do `package.json`
15 | - Adicionado avisos sobre migração dos componentes
16 | - Corrigido utilitários flexbox na página de grid flexbox
17 | - Melhorias em checkbox e radio markup e os estilos de validação
18 | - Pequenos ajustes nos cards, alertas, utilitários, e grupo de input
19 | 
20 | No momento do lançamento, o Bootstrap CDN não havia sido atualizado para o Alpha 4. Pedimos desculpas pelo atraso, e fique atento para alguma atualização sobre quando eles estarão funcionando.
21 | 
22 | Para mais detalhes sobre esse lançamento, dê uma olhada na [lista de issues Alpha 4](https://github.com/twbs/bootstrap/issues/20373), assim como a bem como a [a lista de melhorias já realizadas Alpha 4](https://github.com/twbs/bootstrap/milestone/40?closed=1). Lembre-se de participar da [nossa sala no no Slack @BootstrapBrasil!](http://bootstrapbrasil-slack.herokuapp.com).
23 | 
24 | **Usando o Bootstrap CDN?** Reveja as alterações e atualize seus links CDN para apontar para os arquivos mais recentes:
25 | 
26 | {% highlight html %}
27 | <!-- Última versão CSS compilada e minificada -->
28 | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/css/bootstrap.min.css" integrity="sha384-2hfp1SzUoho7/TsGGGDaFdsuuDL0LX2hnUp6VkX3CUQ2K4K+xjboZdsXyp4oUHZj" crossorigin="anonymous">
29 | 
30 | <!-- Última versão JavaScript compilada e minificada -->
31 | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/js/bootstrap.min.js" integrity="sha384-VjEeINv9OSwtWFLAtmc4JCtEJXXBub00gtSnszmspDLCtC0I4z4nqz7rEFbIZLLU" crossorigin="anonymous"></script>
32 | {% endhighlight %}
33 | 
34 | <3,<br>
35 | [@mdo](https://twitter.com/mdo) & [team](https://github.com/twbs)
36 | 
37 | Tradução: [@adammacias](https://twitter.com/adammacias)
38 | 


--------------------------------------------------------------------------------
/_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 | <div class="embed-responsive embed-responsive-16by9">
 8 |   <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/Kr0tTbTbmVA?rel=0" width="760" height="570" allowfullscreen></iframe>
 9 | </div>
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 | <a class="btn-link" href="https://github.com/twbs/bootstrap/archive/v3.3.7.zip">Download Bootstrap 3.3.7</a>
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 | <!-- Latest compiled and minified CSS -->
36 | <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
37 | 
38 | <!-- Optional theme -->
39 | <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
40 | 
41 | <!-- Latest compiled and minified JavaScript -->
42 | <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
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/2018-04-09-bootstrap-4-1.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: post
 3 | title: Bootstrap 4.1
 4 | ---
 5 | 
 6 | <div class="embed-responsive embed-responsive-16by9">
 7 |   <iframe class="embed-responsive-item" src="//www.youtube.com/embed/3wxyN3z9PL4?rel=0" width="760" height="570" allowfullscreen></iframe>
 8 | </div>
 9 | 
10 | Após dois meses do primeiro [lançamento do Bootstrap 4](/2018/01/18/bootstrap-4/). Hoje estamos lançando uma atualização menor, v4.1! Nesta versão há algumas melhorias, bastante correções, atualizações na documentação, alterações de ferramentas de compilação e até mesmo alguns novos recursos novos.
11 | 
12 | ## Atualização do URL da documentação
13 | 
14 | Com o novo lançamento da v4, é possível acessar a nova documentação através da URL `getbootstrap.com.br/docs/4.1/` e a anterior `getbootstrap.com.br/docs/4./` continua funcionando.
15 | 
16 | ## Destaques
17 | 
18 | Veja as principais atualizações desta versão.
19 | 
20 | - Adicionado novo componente personalizado *range form control*.
21 | - Adicionado nova modificador `.carousel-fade` para alterar o carousel com efeito fade.
22 | - Adicionado nova classe CSS `.dropdown-item-text` para texto nos itens de dropdown.
23 | - Adicionado novas classes utilitárias `.flex-fill`, `.flex-grow-*`, e `.flex-shrink-*`.
24 | - Adicionado nova classe modificador `.table-borderless` para tabelas.
25 | - Adicionado nova classe `.text-monospace` utilitária para texto.
26 | - Adicionado nova classes utilitárias `.text-body` (cor padrão do body), `.text-black-50` (50% opacidade cor escura), e `.text-white-50` (50% opacidade cor clara).
27 | - Adicionado nova classe utilitária `.shadow-*` para adicionar rapidamente sombras `box-shadow`s.
28 | - Adicionado habilidade de desativar o posicionamento Popper's em dropdowns.
29 | - Atualizado nossa docs de personalizaçao de tema para confirmar que você _não use_ variaves em CSS em media queries (desculpe amigos!).
30 | - Corrigido problema antigo com o Chrome quando renderizado colunas CSS incorretamente para cards.
31 | - Depreciado `.text-hide` - você verá um aviso durante a compilação, já que é um recurso datado e não documentado.
32 | - Corrigido os exemplos do Dashboard e do Offcanvas no Firefox e no IE.
33 | - Os breadcrumbs agora podem usar valores não-string como divisores.
34 | 
35 | Acesse a [lista de mudanças](https://github.com/twbs/bootstrap/issues/25375) e [quadro do projeto](https://github.com/twbs/bootstrap/projects/5) para mais detalhes sobre todas as nossas correções.
36 | 
37 | ## Próximo lançamento
38 | 
39 | A partir de agora, estamos analisando a [versão v4.1.1](https://github.com/twbs/bootstrap/projects/13). Existem algumas correções de bugs para input groups, campos de formulário e mais algumas coisas que sabemos que precisamos resolver o mais rápido possível. Essas correções deveriam estar na v4.1, mas não conseguimos fazer isso acontecer a tempo.
40 | 
41 | <3,<br>
42 | [@mdo](https://twitter.com/mdo) & [team](https://github.com/twbs)
43 | 
44 | Tradução: [@adammacias](https://twitter.com/adammacias)
45 | 


--------------------------------------------------------------------------------
/_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 | 


--------------------------------------------------------------------------------
/_posts/2015-12-08-bootstrap-4-alpha-2.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: post
 3 | title: New Bootstrap 4 alpha
 4 | ---
 5 | 
 6 | <div class="embed-responsive embed-responsive-16by9">
 7 |   <iframe class="embed-responsive-item" src="//www.youtube.com/embed/J_kokTee01k?rel=0" width="760" height="570" allowfullscreen></iframe>
 8 | </div>
 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 | <div class="embed-responsive embed-responsive-16by9">
 7 |   <iframe class="embed-responsive-item" width="648" height="365" src="https://www.youtube.com/embed/J_kokTee01k" frameborder="0" allowfullscreen></iframe>
 8 | </div>
 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 <code>.0625rem</code> com bordas para <code>1px</code> para maior consistência de  bordas de componentes que evitam zoom e bugs de font-size entre os navegadores.
20 | - Renomeado <code>.img-responsive</code> para <code>.img-fluid</code> 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.:, <code>::before</code> como oposto para <code>:before</code>).
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 <code>v4</code>](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)


--------------------------------------------------------------------------------
/_includes/header.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="pt-br">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 7 |     <link href="http://gmpg.org/xfn/11" rel="profile">
 8 | 
 9 |     <title>
10 |       {% if page.title %}
11 |         {{ page.title }} &middot; {{ site.title }}
12 |       {% else %}
13 |         {{ site.title }} &middot; {{ site.description }}
14 |       {% endif %}
15 |     </title>
16 | 
17 |     <!-- CSS -->
18 |     <link rel="stylesheet" href="{{ site.baseurl }}/css/style.css">
19 | 
20 |     <!-- Favicons -->
21 |     <link rel="icon" href="{{ site.baseurl }}/favicon.ico">
22 |     <link rel="apple-touch-icon" href="{{ site.baseurl }}/apple-touch-icon.png">
23 | 
24 |     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
25 |     <!--[if lt IE 9]>
26 |       <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
27 |       <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
28 |     <![endif]-->
29 | 
30 |     <!-- RSS -->
31 |     <link rel="alternate" type="application/rss+xml" title="RSS para Blog Bootstra Brasil" href="{{ site.baseurl }}/feed.xml">
32 | 
33 |     <!-- Twitter -->
34 |     <meta name="twitter:site" content="@{{ site.twitter }}">
35 |     <meta name="twitter:creator" content="@{{ site.twitter }}">
36 | 
37 |     {% if page.title %}
38 |       <meta name="twitter:card" content="summary">
39 |       <meta name="twitter:title" content="{{ page.title }}">
40 |       <meta name="twitter:description" content="{{ page.description }}">
41 |       <meta name="twitter:image" content="{{ site.url }}{{ site.social_logo_path }}">
42 |     {% else %}
43 |       <meta name="twitter:card" content="summary_large_image">
44 |       <meta name="twitter:title" content="{{ site.title }}">
45 |       <meta name="twitter:description" content="{{ site.description }}">
46 |       <meta name="twitter:image" content="{{ site.url }}{{ site.social_image_path }}">
47 |     {% endif %}
48 | 
49 |     <!-- Facebook -->
50 |     {% if page.title %}
51 |       <meta property="og:url" content="{{ site.url }}{{ page.url }}">
52 |       <meta property="og:title" content="{{ page.title }}">
53 |       <meta property="og:description" content="{{ page.description }}">
54 |     {% else %}
55 |       <meta property="og:url" content="{{ site.url }}">
56 |       <meta property="og:title" content="{{ site.title }}">
57 |       <meta property="og:description" content="{{ site.description }}">
58 |     {% endif %}
59 |     <meta property="og:image" content="{{ site.url }}{{ site.social_image_path }}">
60 | 
61 |     <!-- Meta -->
62 |     <meta name="description" content="{{ site.description }}">
63 |     <meta name="author" content="{{ site.authors }}">
64 | 
65 |     <!-- Analytics -->
66 |     <script>
67 |       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
68 |       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
69 |       m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
70 |       })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
71 |       ga('create', 'UA-61016077-1', 'auto');
72 |       ga('send', 'pageview');
73 |     </script>
74 |   </head>
75 |   <body>
76 |     <a href="http://bootstrapbrasil-slack.herokuapp.com/" class="v4-tease">Faça parte da comunidade Bootstrap Brasil no Slack</a>
77 |     <style>
78 |     .v4-tease {
79 |         display: block;
80 |         padding: 15px 20px;
81 |         font-weight: bold;
82 |         color: #fff;
83 |         text-align: center;
84 |         background-color: #0275d8;
85 |         font-size: 14px;
86 |     }
87 |     </style>
88 | 
89 |     <div class="masthead">
90 |       <div class="container">
91 |         <a class="bs-docs-booticon" href="{{ site.url }}">B</a>
92 |           <h1>Blog Bootstrap Brasil</h1>
93 |         <p>
94 |           Tradução do <a href="http://blog.getbootstrap.com/" title="Visitar blog oficial do Bootstrap">Blog Bootstrap Oficial</a> pela comunidade <a href="https://github.com/bootstrapbrasil">Bootstrap Brasil</a>.
95 |         </p>
96 |       </div>
97 |     </div>
98 | 
99 |     <div class="container">


--------------------------------------------------------------------------------
/_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 | 


--------------------------------------------------------------------------------
/_posts/2017-08-10-bootstrap-4-beta.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: post
 3 | title: Bootstrap 4 Beta
 4 | ---
 5 | 
 6 | <div class="embed-responsive embed-responsive-16by9">
 7 |   <iframe class="embed-responsive-item" src="//www.youtube.com/embed/aQUlA8Hcv4s?rel=0" width="760" height="570" allowfullscreen></iframe>
 8 | </div>
 9 | 
10 | [Dois anos de fabricação](/2015/08/19/bootstrap-4-alpha/), finalmente temos nossa primeira versão beta do Bootstrap 4. Naquele tempo, quebramos todas as coisas, pelo menos, vinte e sete vezes, com quase 5.000 commits, 650+ arquivos mudados, 67.000 linhas adicionadas e 82.000 linhas foram excluídas. Nós também enviamos seis principais lançamentos alfa, um trio de Temas oficiais e até um quadro de trabalho para a boa medida. Simplificando? [Já estava na hora.](https://www.youtube.com/watch?v=_J6-3l3hCm0)
11 |  
12 | 
13 | ## Beta!?
14 | 
15 | Longa história curta, enviar uma versão beta significa que acabamos de romper todas as suas coisas até nossa próxima versão principal (v5). Nós não somos perfeitos, mas estaremos fazendo o nosso melhor para manter todas as classes, recursos e URL docs como aparecem agora neste lançamento. Nós sempre podemos adicionar mais coisas, mas não podemos tirar.
16 | 
17 | Para aqueles que não estiveram usando os lançamentos alfa v4, aqui estão alguns destaques para ajudar você.
18 | 
19 | - **Mudou-se de Less para Sass.** O Bootstrap agora compila mais rápido do que nunca graças ao Libsass, e nos juntamos a uma comunidade cada vez maior de desenvolvedores da Sass.
20 | - **Flexbox e um sistema de grade melhorado.** Mudamos quase tudo para a flexbox, adicionamos um novo nível de grade para melhor segmentar dispositivos móveis e revisamos completamente nossa fonte Sass com melhores variáveis, mixins e agora mapas.
21 | - **Dropped wells, thumbnails e panels para cards.** Os [Cards](https://getbootstrap.com/docs/4.0/components/card/) são um novo componente para o Bootstrap, mas eles se sentirão super familiares, como eles fazem quase tudo bem, thumbnails e panels fez, só que melhor.
22 | - **Forked Normalize.css e consolidou todas as nossas restaurações de HTML em um novo módulo CSS, Reboot.** O Normalize.css tomou um caminho diferente do que preferiria, deixando alguns ajustes básicos do CSS que há muito dependemos. O Reboot leva o núcleo do Normalize.css e o expande para incluir retornos mais opcionais, como `box-sizing: border-box`, ajustes de margem e mais tudo em um único arquivo Sass.
23 | - **Novas opções de personalização.** Em vez de relegar enfeites de estilo como gradientes, transições, sombras, classes de grade e mais para uma folha de estilos separada, como a v3, movemos todas essas opções para variáveis Sass. Deseja transições padrão em tudo ou para desativar cantos arredondados? Basta atualizar uma variável e recompilar.
24 | - **Abandonou o suporte IE8 e IE9**, caiu versões mais antigas do navegador, e se mudou para unidades rem para o dimensionamento componente para aproveitar o suporte CSS mais recente. Além da nossa grade, os pixels foram trocados para rems e ems, quando apropriado, para tornar a tipografia responsiva e o dimensionamento de componentes ainda mais fácil. Precisa de suporte para IE8 / IE9, Safari 8-, iOS 8-, etc? Continue usando o Bootstrap 3.
25 | - **Reescreveu todos os nossos plugins de JavaScript.** Cada plugin foi reescrito no ES6 para tirar proveito dos mais recentes aprimoramentos de JavaScript com novos métodos de desmontagem, verificação de tipo de opção, novos métodos e muito mais.
26 | - **Melhoria da auto-colocação de tooltips, popovers, e menus suspensos** graças à ajuda de uma biblioteca chamada [Popper.js](https://popper.js.org).
27 | - **Documentação redigada e melhorada.** Nós redesenhamos, reescrevemos tudo no Markdown e adicionamos alguns plugins acessíveis para simplificar exemplos e trechos de código para facilitar o trabalho com nossos documentos. Nós também adicionamos um incrível novo formulário de pesquisa!
28 | - **Novas ferramentas** de compilação completamente reescritas em scripts npm em vez de Grunt, imensamente simplificando o processo de desenvolvimento e contribuição para o Bootstrap.
29 | - **E muito mais!** Controles de formulário personalizados, um carrossel redesenhado, uma barra de navegação revisada, estilos de validação de formulário HTML5, centenas de classes de utilidade responsivas, novos componentes e muito mais também foram incluídos.
30 | 
31 | Ok, então, quer aprender ainda mais? Continue lendo ou vá diretamente para [esses novos documentos](https://getbootstrap.com)!
32 | 
33 | ## Novo Visual
34 | O Bootstrap 4 tem um aspecto levemente atualizado ao longo de nossas versões alfa, mas não foi até recentemente que nós demos os documentos e os nossos componentes também se refrescaram.
35 | 
36 | [![Bootstrap 4 beta docs](/img/2017/bootstrap-4-beta.png)](https://getbootstrap.com)
37 | 
38 | Além de uma nova paleta de cores e fontes de novos sistemas, temos um novo layout para nossa documentação. Novo com este beta é um incrível formulário de pesquisa alimentado pela [DocSearch](https://community.algolia.com/docsearch/) da Algolia, um layout de página melhorado com barra lateral e barra lateral e um novo índice.
39 | 
40 | ---
41 | 
42 | For more details on this release's changes, take a look at the [Beta 1 ship list issue](https://github.com/twbs/bootstrap/issues/21568), as well as the [closed Beta 1 milestone](https://github.com/twbs/bootstrap/milestone/41?closed=1). 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.
43 | 
44 | <3,<br>
45 | [@mdo](https://twitter.com/mdo) & [team](https://github.com/twbs)
46 | 
47 | Tradução: [@haynes](http://haynes.blog.br)
48 | 


--------------------------------------------------------------------------------
/_posts/2016-10-19-bootstrap-4-alpha-5.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: post
 3 | title: Bootstrap 4 Alpha 5
 4 | ---
 5 | 
 6 | <div class="embed-responsive embed-responsive-16by9">
 7 |   <iframe class="embed-responsive-item" src="//www.youtube.com/embed/MxGEVIvSFeY?rel=0" width="760" height="570" allowfullscreen></iframe>
 8 | </div>
 9 | 
10 | [Alpha 5 foi lançado](http://v4-alpha.getbootstrap.com) apenas um mês depois do Alpha 4 com grandes melhorias de recursos e pacotão com correções de bugs. Nós ainda temos muito trabalho pela frente, mas estamos deixando mais estável a cada lançamento. Continue lendo para ver os destaques e planos do Alpha 6.
11 | 
12 | ### Novos pacotes CSS
13 | 
14 | Atualizamos nosso processo de compilação para incluir versões com todos nossos pacotes CSS. Além de adicionar o padrão de longa data compilada e pacotes minificados, que incluem arquivos CSS compilados para nosso uso do modo flexbox, sistema de grids apenas, e Reiniciar apenas pacotes. Cada pacote possui um arquivo compilado, minificado, e mapa Sass, assim como o CSS tradicional.
15 | 
16 | ### Grid atualizados
17 | 
18 | Nosso grid foi atualizado e está mais flexível do que nunca. Novidades no Alpha 5 são breakpoint grid gutters específicos. Isso mesmo, agora você pode personalizar a largura de gutters em cada nível e toda camada de grid, modificando o mapa Sass.
19 | 
20 | The `.container` behaviors have changed slightly in Alpha 5. We now set the `width` of each container alongside a `max-width: 100%;` to ensure proper rendering across browsers in both our default and flexbox modes. Similarly, we fixed a bug in our flexbox grid where columns didn't properly collapse at lower breakpoints.
21 | 
22 | O comportamento do `.container` foi um pouco alterado no Alpha 5. Agora vamos definir o `width` para cada container ao lado de `max-width: 100%;` para garantir que fique o modo padrão e flexbox ambos fiquem adequado em qualquer navegador. Da mesma forma, corrigimos um bug em nosso grid flexbox onde colunas não estavam adequadas em breakpoints menores. 
23 | 
24 | Por último, nós mudamos um ponto breakpoint e dimensões do container. A camada `sm` container agora está menor do que dimensões viewport e a camada `lg` foi modificada de `940px` para `960px` para o grid de 12 colunas fiquem mais limpo.
25 | 
26 | ### Revisão de Utilitários
27 | 
28 | Classes utilitárias tiveram bastante atenção em Alpha 5 e vai continuar no Alpha 6. Grandes mudanças neste lançamento são:
29 | 
30 | - Simplificado sintaxe `margin` e `padding` (e.x., `mx-auto` ao invés `m-x-auto`).
31 | 
32 | - Separado utilitários `background` e `color` para o estilo ficar mais explícito.
33 | 
34 | - Renomeado utilitário image, alterado de `.img-rounded` e `.img-circle` para `.rounded` e `.rounded-circle`, respectivamente.
35 | 
36 | - Removido o `display: block;` de `.img-fluid` pois torna-se desnecessário para criar imagens responsivas (o `inline-block` padrão funciona muito bem como está).
37 | 
38 | - Adicionado novo utilitário `vertical-align` com `.align-top`, `.align-middle`, e mais.
39 | 
40 | Veja outras questões em aberto em [Alpha 6 milestone](https://github.com/twbs/bootstrap/milestone/39). Há mais atualizações vindo ao utilitários para adicionar variações responsivas, nomenclatura mais consistente e muito mais.
41 | 
42 | ### Navbar atualizado
43 | 
44 | Nós dedicamos um [enorme tempo na barra de navegação para Alpha 5](https://github.com/twbs/bootstrap/pull/19890), mas honestamente, não está finalizado. Em vez de retornar o progresso que fizemos até Alpha 6, nós incluímos algumas coisas meia-boca.
45 | 
46 | Aqui está uma olhada no que há de novo, como ele funciona, e o que pode mudar no nosso próximo lançamento.
47 | 
48 | - Primeiro, a barra de navegação tem uma **novo brand toggler** que são baseada em SVG `background-image` personalizável. Com o poder de variáveis Sass, que nos permite mudar facilmente a cor dos ícones do menu de hamburger.
49 | 
50 | - Segundo, o **estilo padrão para brand e navegação em grande parte foi ajustado**. Estão com estilos global menos personalizados dando ênfase no posicionamento e flexibilidade.
51 | 
52 | - Building on that, we **overhauled the collapse plugin integration for responsive navbars**. With the help of some utility classes and collapse classes for each grid tier, you can easily pick the breakpoint for collapsing your navbar without having to recompile your Sass. Also included is the auto restyling of dropdown menus for mobile so they no longer hide other navbar content when toggled.
53 | 
54 | - Com base nisso, nós **reformulados a integração do plugin collapse para barra de navegação responsiva**. Com a ajuda de algumas classes utilitárias e collapse para cada camada de grid, você pode facilmente escolher o breakpoint para recolher a sua barra de navegação sem ter que recompilar seu Sass. Também está incluído o auto re-estilo de menus suspensos em celular para que eles não escondem outros conteúdos navbar quando alternado.
55 | 
56 | A barra de navegação é um complicado um há tanta funcionalidade e estilo que pode ir com elas. Temos [próximo esboços de grandes pedaços para a barra de navegação](https://github.com/twbs/bootstrap/issues/20937), mas provavelmente há mais que estamos gostaríamos. Certifique-se de estar com componente atualizado antes de seu feedback.
57 | 
58 | ### Chegando o Alpha 6
59 | 
60 | Estamos pensando em mais um grande lançamento alpha antes de entrar nas versões beta e mais estáveis. Ainda há mais a fazer em torno de nossos principais componentes — a barra de navegação, variantes flexbox, utilitários e accessibilty — para seguirmos em frente.
61 | 
62 | Uma vez feito isso, vamos rever toda nossa documentação e atualizar todos os nossos modelos de exemplos para os mais recentes. A partir daí vamos precisar de sua ajuda para testar essas alterações e reportar bugs. Fique atento para mais atualizações na medida que nos aproximamos para que a liberação.
63 | 
64 | Até lá, fique com Alpha 5!
65 | 
66 | ---
67 | 
68 | Para mais detalhes sobre esse lançamento, dê uma olhada na [lista de issues Alpha 5](https://github.com/twbs/bootstrap/issues/20630), assim como a bem como a [a lista de melhorias já realizadas Alpha 5](https://github.com/twbs/bootstrap/milestone/36?closed=1). Lembre-se de participar da [nossa sala no no Slack @BootstrapBrasil!](http://bootstrapbrasil-slack.herokuapp.com).
69 | 
70 | **Usando o Bootstrap CDN?** Reveja as alterações e atualize seus links CDN para apontar para os arquivos mais recentes:nd update your CDN links to point to the latest files:
71 | 
72 | {% highlight html %}
73 | <!-- Última versão CSS compilada e minificada -->
74 | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css" integrity="sha384-AysaV+vQoT3kOAXZkl02PThvDr8HYKPZhNT5h/CXfBThSRXQ6jW5DO2ekP5ViFdi" crossorigin="anonymous">
75 | 
76 | <!-- Última versão JavaScript compilada e minificada -->
77 | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/js/bootstrap.min.js" integrity="sha384-BLiI7JTZm+JWlgKa0M0kGRpJbF2J8q+qreVrKBC47e3K6BW78kGLrCkeRX6I9RoK" crossorigin="anonymous"></script>
78 | {% endhighlight %}
79 | 
80 | <3,<br>
81 | [@mdo](https://twitter.com/mdo) & [team](https://github.com/twbs)
82 | 
83 | Tradução: [@adammacias](https://twitter.com/adammacias)
84 | 


--------------------------------------------------------------------------------
/_posts/2015-08-19-bootstrap-4-alpha.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: post
 3 | title: Bootstrap 4 alpha
 4 | ---
 5 | 
 6 | <div class="embed-responsive embed-responsive-16by9">
 7 |   <iframe class="embed-responsive-item" src="//www.youtube.com/embed/4PdU6migsqQ?rel=0" width="760" height="570" allowfullscreen></iframe>
 8 | </div>
 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 | <!--We've talked about building premium themes for Bootstrap since our earliest releases, but never quite found the time or ideal approach until earlier this year. We've poured hundreds of hours into these themes and consider them to be much more than traditional re-skins of Bootstrap. They've very much their own toolkits, just like Bootstrap.
62 | 
63 | To start, we’re launching with three themes built on Bootstrap 3: a [dashboard](http://themes.getbootstrap.com/products/dashboard), an [application](http://themes.getbootstrap.com/products/application), and a [marketing](http://themes.getbootstrap.com/products/marketing) site. Each theme contains everything you'd find in Bootstrap, plus stunning real world examples, brand new components and plugins, custom documentation, and simple build tools.
64 | 
65 | All themes include a [multiple-use license](http://themes.getbootstrap.com/pages/our-license) for the purchaser and free updates for bug fixes and documentation updates for the life of the themes.-->
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/2017-01-06-bootstrap-4-alpha-6.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: post
 3 | title: Bootstrap 4 Alpha 6
 4 | ---
 5 | 
 6 | <div class="embed-responsive embed-responsive-16by9">
 7 |   <iframe class="embed-responsive-item" src="//www.youtube.com/embed/V44HiAX91Hs?rel=0" width="760" height="570" allowfullscreen></iframe>
 8 | </div>
 9 | 
10 | [Alpha 6 has landed](http://v4-alpha.getbootstrap.com), and it's one of our biggest ships to date. We've rewritten our grid system and all major components in flexbox, forging ahead with it as our default layout option as we drop IE9 support. With 700 commits since our last release, we have some catching up to do.
11 | 
12 | Read one for highlights from this release. We also recommend reviewing the [ship list](https://github.com/twbs/bootstrap/issues/20939) and [milestone](https://github.com/twbs/bootstrap/milestone/39?closed=1) for a more detailed look at what's changed.
13 | 
14 | ## Embracing Flexbox
15 | 
16 | Bootstrap 4 is now flexbox by default! Flexbox is an immensely powerful layout tool, providing unparalleled flexibility (hah) and control to our grid system and core components. It comes at the cost of [dropping IE9 support](https://github.com/twbs/bootstrap/pull/21389), but brings significant improvements to component layout, alignment, and sizing.
17 | 
18 | <a class="jsbin-embed" href="https://jsbin.com/digabis/3/?output&height=440px">Bootstrap flexbox on jsbin.com</a>
19 | 
20 | If you're unfamiliar with flexbox, here's some of the power you can expect to utilize in Bootstrap 4:
21 | 
22 | - Automatic equal-width grid columns (e.g., two columns are automatically 50% wide)
23 | - Equal height and equal width cards
24 | - Vertical and horizontal centering without hardcoding values with `translate` or `margin`
25 | - Utility classes for easily (and responsively!) changing display, direction, alignment, and more
26 | - Auto margins for easy spacing
27 | - Justified navigation and button groups
28 | - No more HTML white space or broken table-style rendering
29 | 
30 | Nearly every component now takes advantage of flexbox in place of `display: table` hacks and `float`s. That means less reliance on clearfix, more control over DOM and visual order, and fewer bugs. Navs, list groups, cards, and more all utilize flexbox. Even more complex components like the carousel have been modified to use flexbox in some places.
31 | 
32 | <a class="jsbin-embed" href="https://jsbin.com/wepoya/?output&height=340px">Bootstrap carousel on jsbin.com</a>
33 | 
34 | ## Responsive utilities and the great infix
35 | 
36 | With Alpha 6, we've made Bootstrap's extensive suite of utilities—including classes for `display`, `float`, and flexbox, and more—[completely responsive](https://github.com/twbs/bootstrap/pull/20934). To keep these class names as approachable and representative of their scope as possible, we've also made two important changes to their naming scheme.
37 | 
38 | - First, we've dropped the `-xs` infix from our lowest (extra small) breakpoint. **xs** isn't a responsive breakpoint quite like `sm`, `md`, `lg`, and `xl` because it doesn't start applying styles at a `min-width` and up. It simply applies to everything as there's no bounding `@media` query.
39 | 
40 | - Second, we've renamed several classes to better articulate their property-value pairings. Instead of _pull_, we use _float_. Instead of creating new names for the various flexbox properties, we start with the property name.
41 | 
42 | Put that all together and you end up with updated classes like `.col-6`, `.d-none`, `.float-right`, `.d-md-flex`, `.justify-content-end`, and `.text-lg-left`. These new classes bring immense power and customization to folks building with Bootstrap. They also make it easier for those migrating from v3 with clearer mappings to legacy class names.
43 | 
44 | ## More grid improvements
45 | 
46 | We're back at it with more grid improvements. This time we've added responsive autosizing columns and more container padding options. Add any number of `.col-*` classes and they'll automatically be equal in width.
47 | 
48 | <a class="jsbin-embed" href="https://jsbin.com/sarire/?output&height=170px">Bootstrap flexbox auto columns on jsbin.com</a>
49 | 
50 | Padding for grid containers can now be configured across breakpoints with the new `$grid-gutter-widths` Sass map. In addition, you can remove gutters from grid rows and their columns with the `.no-gutters` modifier.
51 | 
52 | ## Updated navbar
53 | 
54 | As mentioned in our last release, the Alpha 5 navbar was a little half baked. This time around, we're completely baked. No, but seriously, the navbar has been rewritten to provide better built-in responsive behaviors and improved layout customization thanks to our move to flexbox.
55 | 
56 | [![Bootstrap 4 navbars](/img/2017/alpha6-navbar.png)](https://v4-alpha.getbootstrap.com/components/navbar/)
57 | 
58 | Here's the rundown on what's changed:
59 | 
60 | - Navbars are built with flexbox! Instead of floats, you'll need [flexbox](https://v4-alpha.getbootstrap.com/utilities/flexbox/) and [margin utilities](https://v4-alpha.getbootstrap.com/utilities/spacing/).
61 | - Navbar navs no longer require the `.nav` base class. While it provided a starting point, these shared styles often got in the way of navbar behaviors. Now it's just `.navbar-nav` and utilities for alignment.
62 | - The `.navbar-toggleable` classes are now applied to the `.navbar` instead of the `.collapse` within. This allows us to provide better responsive behavior with just one class change.
63 | - The responsive navbar toggle, `.navbar-toggler`, has also been updated. The icon is once again a child element, `.navbar-toggler-icon`, for improved customization. It also includes easy modifiers for absolutely aligning it to the top right or top left.
64 | 
65 | Check out the [navbar docs](https://v4-alpha.getbootstrap.com/components/navbar/) to learn more and see it in action.
66 | 
67 | ## Up next, our first beta
68 | 
69 | Like you, we're very much ready for our first beta release. Luckily, we're in great shape to get there from this alpha. We have the fewest open issues and pulls we've had in easily the last 18 months, and the contributions from the community have been outstanding. As we head to our first beta, we'll be focused on not adding anything new, ideally making as few breaking changes as possible, and emphasizing documentation quality and bug fixes.
70 | 
71 | We need your help to get there though. Please dive into this latest release and continue to report bugs and submit pull requests as you can. Every bit helps us improve the next release!
72 | 
73 | ---
74 | 
75 | For more details on this release's changes, take a look at the [Alpha 6 ship list issue](https://github.com/twbs/bootstrap/issues/20939), as well as the [closed Alpha 6 milestone](https://github.com/twbs/bootstrap/milestone/39?closed=1). 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.
76 | 
77 | **Using the Bootstrap CDN?** Review the changelog and update your CDN links to point to the latest files:
78 | 
79 | {% highlight html %}
80 | <!-- Latest compiled and minified CSS -->
81 | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
82 | 
83 | <!-- Latest compiled and minified JavaScript -->
84 | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
85 | {% endhighlight %}
86 | 
87 | <3,<br>
88 | [@mdo](https://twitter.com/mdo) & [team](https://github.com/twbs)
89 | 
90 | <script src="https://static.jsbin.com/js/embed.min.js"></script>
91 | 


--------------------------------------------------------------------------------
/_posts/2016-07-27-bootstrap-4-alpha-3.md:
--------------------------------------------------------------------------------
  1 | ---
  2 | layout: post
  3 | title: Bootstrap 4 Alpha 3
  4 | ---
  5 | 
  6 | <div class="embed-responsive embed-responsive-16by9">
  7 |   <iframe class="embed-responsive-item" src="//www.youtube.com/embed/xFrGuyw1V8s?rel=0" width="760" height="570" allowfullscreen></iframe>
  8 | </div>
  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 | <img alt="Flexbox auto-layout" src="{{ site.baseurl }}/img/2016/07/flex-cols.png" style="padding: 4px; border: 1px solid #eee;">
 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 | <img alt="Form validation states" src="{{ site.baseurl }}/img/2016/07/forms.png" style="padding: 4px; border: 1px solid #eee;">
 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 | <div class="form-group has-success">
 56 |   <label class="col-form-label" for="inputSuccess1">
 57 |     Input with success
 58 |   </label>
 59 |   <input type="text" class="form-control form-control-success" id="inputSuccess1">
 60 |   <div class="form-control-feedback">
 61 |     Success! You've done it.
 62 |   </div>
 63 |   <small class="form-text text-muted">
 64 |     Example help text that remains unchanged.
 65 |   </small>
 66 | </div>
 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 `<fieldset>`s para formar grupos, classes de tamanho não aplicados nos `<select>`s, e muito mais.
 70 | 
 71 | - **Documentação para formulários foi revisada.** Temos exemplos mais simples de nossos controles de formulários disponíveis, orientações mais claras sobre os estados de validação (e quando usar cada um), e muito mais.
 72 | 
 73 | ## Sistema de fonts
 74 | 
 75 | Nós substituímos as velha familia de font Helvetica/Arial [por fontes do sistema](https://github.com/twbs/bootstrap/pull/19098), utilizadas mais hoje em dia, mais legível, e fonts mais poderosas que empresas como a Apple, Google e Microsoft têm projetado especificamente para dispositivos de hoje.
 76 | 
 77 | Originalmente isso foi planejado afetar os usuários do Linux, mas esse tipo de suporte é um pouco inconsistente. Por essa razão, não há nenhuma mudança de fonts destinado a pessoas que usam Linux.
 78 | 
 79 | ## E muito mais ...
 80 | 
 81 | Haviam cerca de 1.200 commits no Alpha 3 e este post mal pouco fala de todas as mudanças. Temos dezenas de outros bugs corrigidos e outras coisas melhoradas, como tambem nossa documentação.
 82 | 
 83 | - [Melhorado o formulário e tamanhos de botões](https://github.com/twbs/bootstrap/pull/19121)
 84 | - [Limpeza das váriavéis do componente de navegação/menu](https://github.com/twbs/bootstrap/pull/18783)
 85 | - [Renomeados contorno de botões](https://github.com/twbs/bootstrap/pull/18772) e [contorno de cards](https://github.com/twbs/bootstrap/pull/18774)
 86 | - Novas classes, variáveis e várias outras coisas!
 87 | 
 88 | Para mais detalhes sobre as mudanças desse lançamento, visite nossa [lista de issue Alpha 3](https://github.com/twbs/bootstrap/issues/18480), como tambem as [milestone já fechadas do  Alpha 3](https://github.com/twbs/bootstrap/milestone/35?closed=1).
 89 | 
 90 | **Ancioso para experimentar? Então [visite nossa docs v4 alpha!](http://v4-alpha.getbootstrap.com)**
 91 | 
 92 | Certifique-se de se [juntar a nossa sala no Slack! (Em Português)](http://bootstrapbrasil-slack.herokuapp.com/) ou tambem na [sala no Slack! (Em Inglês)](https://bootstrap-slack.herokuapp.com) e mergulhe em nossas novidades e relatórios de bugs, perguntas e receba nosso feedback geral sempre que possível.
 93 | 
 94 | ## Qual é a próxima etapa?
 95 | 
 96 | Mais exploração, mais correções de bugs, mais atualizações de docs, e, o melhor de tudo, mais alphas. O trabalho diário nos mantém super ocupado estes dias, mas vamos fazer o nosso melhor para manter o ritmo. Fique ligado!
 97 | 
 98 | <3,<br>
 99 | [@mdo](https://twitter.com/mdo) & [team](https://github.com/twbs)
100 | 
101 | Tradução: [@adammacias](https://twitter.com/adammacias)


--------------------------------------------------------------------------------
/css/style.css:
--------------------------------------------------------------------------------
  1 | ---
  2 | ---
  3 | 
  4 | 
  5 | /*
  6 |  * Body resets
  7 |  *
  8 |  * Update the foundational and global aspects of the page.
  9 |  */
 10 | 
 11 | * {
 12 |   -webkit-box-sizing: border-box;
 13 |      -moz-box-sizing: border-box;
 14 |           box-sizing: border-box;
 15 | }
 16 | 
 17 | html,
 18 | body {
 19 |   margin: 0;
 20 |   padding: 0;
 21 | }
 22 | 
 23 | html {
 24 |   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 25 |   font-size: 16px;
 26 |   line-height: 1.5;
 27 | }
 28 | @media (min-width: 38em) {
 29 |   html {
 30 |     font-size: 18px;
 31 |   }
 32 | }
 33 | 
 34 | body {
 35 |   color: #515151;
 36 |   background-color: #fff;
 37 |   -webkit-text-size-adjust: 100%;
 38 |       -ms-text-size-adjust: 100%;
 39 | }
 40 | 
 41 | /* No `:visited` state is required by default (browsers will use `a`) */
 42 | a {
 43 |   color: #268bd2;
 44 |   text-decoration: none;
 45 | }
 46 | a strong {
 47 |   color: inherit;
 48 | }
 49 | /* `:focus` is linked to `:hover` for basic accessibility */
 50 | a:hover,
 51 | a:focus {
 52 |   text-decoration: underline;
 53 | }
 54 | 
 55 | /* Headings */
 56 | h1, h2, h3, h4, h5, h6 {
 57 |   margin-bottom: .5rem;
 58 |   font-weight: bold;
 59 |   line-height: 1.25;
 60 |   color: #313131;
 61 |   text-rendering: optimizeLegibility;
 62 | }
 63 | h1 {
 64 |   font-size: 2rem;
 65 | }
 66 | h2 {
 67 |   margin-top: 1.5rem;
 68 |   font-size: 1.5rem;
 69 | }
 70 | h3 {
 71 |   margin-top: 1.5rem;
 72 |   font-size: 1.25rem;
 73 | }
 74 | h4, h5, h6 {
 75 |   margin-top: 1rem;
 76 |   font-size: 1rem;
 77 | }
 78 | 
 79 | /* Body text */
 80 | p {
 81 |   margin-top: 0;
 82 |   margin-bottom: 1rem;
 83 | }
 84 | 
 85 | strong {
 86 |   color: #303030;
 87 | }
 88 | 
 89 | 
 90 | /* Lists */
 91 | ul, ol, dl {
 92 |   margin-top: 0;
 93 |   margin-bottom: 1rem;
 94 | }
 95 | 
 96 | dt {
 97 |   font-weight: bold;
 98 | }
 99 | dd {
100 |   margin-bottom: .5rem;
101 | }
102 | 
103 | /* Misc */
104 | hr {
105 |   position: relative;
106 |   margin: 1.5rem 0;
107 |   border: 0;
108 |   border-top: 1px solid #eee;
109 |   border-bottom: 1px solid #fff;
110 | }
111 | 
112 | 
113 | /* Code */
114 | code,
115 | pre {
116 |   font-family: "SF Mono", Menlo, Monaco, "Courier New", monospace;
117 | }
118 | code {
119 |   font-size: 90%;
120 |   color: #bf616a;
121 | }
122 | pre {
123 |   display: block;
124 |   margin-top: 0;
125 |   margin-bottom: 1rem;
126 |   padding: 1rem;
127 |   font-size: .8rem;
128 |   line-height: 1.4;
129 |   white-space: pre;
130 |   white-space: pre-wrap;
131 |   word-break: break-all;
132 |   word-wrap: break-word;
133 |   background-color: #f9f9f9;
134 | }
135 | pre code {
136 |   padding: 0;
137 |   font-size: 100%;
138 |   color: inherit;
139 |   background-color: transparent;
140 | }
141 | 
142 | /* Pygments via Jekyll */
143 | .highlight {
144 |   margin: 0 0 1rem;
145 |   border-radius: .25rem;
146 | }
147 | .highlight pre {
148 |   margin-bottom: 0;
149 | }
150 | 
151 | 
152 | /* Quotes */
153 | blockquote {
154 |   padding: .5rem 1rem;
155 |   margin: .8rem 0;
156 |   color: #7a7a7a;
157 |   border-left: .25rem solid #e5e5e5;
158 | }
159 | blockquote p:last-child {
160 |   margin-bottom: 0;
161 | }
162 | @media (min-width: 30em) {
163 |   blockquote {
164 |     padding-right: 5rem;
165 |     padding-left: 1.25rem;
166 |   }
167 | }
168 | 
169 | img {
170 |   display: block;
171 |   max-width: 100%;
172 |   margin: 0 0 1rem;
173 |   border-radius: 5px;
174 | }
175 | 
176 | /* Tables */
177 | table {
178 |   margin-bottom: 1rem;
179 |   width: 100%;
180 |   border: 1px solid #e5e5e5;
181 |   border-collapse: collapse;
182 | }
183 | td,
184 | th {
185 |   padding: .25rem .5rem;
186 |   border: 1px solid #e5e5e5;
187 | }
188 | tbody tr:nth-child(odd) td,
189 | tbody tr:nth-child(odd) th {
190 |   background-color: #f9f9f9;
191 | }
192 | 
193 | 
194 | /*
195 |  * Container
196 |  *
197 |  * Center the page content.
198 |  */
199 | 
200 | .container {
201 |   max-width: 38rem;
202 |   padding-left:  1rem;
203 |   padding-right: 1rem;
204 |   margin-left:  auto;
205 |   margin-right: auto;
206 | }
207 | 
208 | 
209 | /*
210 |  * Masthead
211 |  *
212 |  * Super small header above the content for site name and short description.
213 |  */
214 | 
215 | .masthead {
216 |   padding-top:    1rem;
217 |   padding-bottom: 1rem;
218 |   margin-bottom: 3rem;
219 | }
220 | .masthead-title {
221 |   margin-top: 0;
222 |   margin-bottom: 0;
223 |   color: #505050;
224 | }
225 | .masthead-title a {
226 |   color: #505050;
227 | }
228 | .masthead-title small {
229 |   font-size: 75%;
230 |   font-weight: 400;
231 |   color: #c0c0c0;
232 | }
233 | 
234 | 
235 | /*
236 |  * Posts and pages
237 |  *
238 |  * Each post is wrapped in `.post` and is used on default and post layouts. Each
239 |  * page is wrapped in `.page` and is only used on the page layout.
240 |  */
241 | 
242 | .page,
243 | .post {
244 |   margin-bottom: 4em;
245 | }
246 | 
247 | /* Blog post or page title */
248 | .page-title,
249 | .post-title,
250 | .post-title a {
251 |   color: #303030;
252 | }
253 | .page-title,
254 | .post-title {
255 |   margin-top: 0;
256 | }
257 | 
258 | /* Meta data line below post title */
259 | .post-date {
260 |   display: block;
261 |   margin-top: -.5rem;
262 |   margin-bottom: 1rem;
263 |   color: #9a9a9a;
264 | }
265 | 
266 | /* Related posts */
267 | .related {
268 |   padding-top: 2rem;
269 |   padding-bottom: 2rem;
270 |   border-top: 1px solid #eee;
271 | }
272 | .related-posts {
273 |   padding-left: 0;
274 |   list-style: none;
275 | }
276 | .related-posts h3 {
277 |   margin-top: 0;
278 | }
279 | .related-posts li small {
280 |   font-size: 75%;
281 |   color: #999;
282 | }
283 | .related-posts li a:hover {
284 |   color: #268bd2;
285 |   text-decoration: none;
286 | }
287 | .related-posts li a:hover small {
288 |   color: inherit;
289 | }
290 | 
291 | /* Special case the opening paragraph */
292 | .post > .embed-responsive + p {
293 |   margin-top: 2rem;
294 |   font-size: 125%;
295 |   font-weight: 300;
296 |   color: #222;
297 | }
298 | 
299 | 
300 | /*
301 |  * Pagination
302 |  *
303 |  * Super lightweight (HTML-wise) blog pagination. `span`s are provide for when
304 |  * there are no more previous or next posts to show.
305 |  */
306 | 
307 | .pagination {
308 |   overflow: hidden; /* clearfix */
309 |   margin-left: -1rem;
310 |   margin-right: -1rem;
311 |   color: #ccc;
312 |   text-align: center;
313 | }
314 | 
315 | /* Pagination items can be `span`s or `a`s */
316 | .pagination-item {
317 |   position: relative;
318 |   display: block;
319 |   padding: 1rem;
320 |   border: 1px solid #eee;
321 | }
322 | .pagination-item:first-child {
323 |   margin-bottom: -1px;
324 | }
325 | 
326 | /* Only provide a hover state for linked pagination items */
327 | a.pagination-item:hover {
328 |   z-index: 2;
329 |   color: #fff;
330 |   text-decoration: none;
331 |   background-color: #268bd2;
332 |   border-color: #268bd2;
333 | }
334 | 
335 | @media (min-width: 30em) {
336 |   .pagination {
337 |     margin: 3rem 0;
338 |   }
339 |   .pagination-item {
340 |     float: left;
341 |     width: 50%;
342 |   }
343 |   .pagination-item:first-child {
344 |     margin-bottom: 0;
345 |     border-top-left-radius:    4px;
346 |     border-bottom-left-radius: 4px;
347 |   }
348 |   .pagination-item:last-child {
349 |     margin-left: -1px;
350 |     border-top-right-radius:    4px;
351 |     border-bottom-right-radius: 4px;
352 |   }
353 | }
354 | 
355 | .embed-responsive {
356 |   position: relative;
357 |   display: block;
358 |   height: 0;
359 |   padding: 0;
360 |   overflow: hidden;
361 | }
362 | .embed-responsive .embed-responsive-item,
363 | .embed-responsive iframe,
364 | .embed-responsive embed,
365 | .embed-responsive object,
366 | .embed-responsive video {
367 |   position: absolute;
368 |   top: 0;
369 |   bottom: 0;
370 |   left: 0;
371 |   width: 100%;
372 |   height: 100%;
373 |   border: 0;
374 | }
375 | .embed-responsive.embed-responsive-16by9 {
376 |   padding-bottom: 56.25%;
377 | }
378 | 
379 | {% include css/pygments-manni.css %}
380 | {% include css/theme.css %}
381 | 
382 | iframe[data-url^="https://jsbin.com"] {
383 |   border-color: rgba(0,0,0,.1) !important;
384 | }
385 | 
386 | @media (min-width: 1200px) {
387 |   .jsbin-wide {
388 |     margin-left: -226px;
389 |     margin-right: -226px;
390 |   }
391 | }
392 | 


--------------------------------------------------------------------------------