├── .gitignore
├── Gemfile
├── _includes
    ├── js.html
    ├── tweet-button.html
    ├── footer.html
    ├── header.html
    └── css
    │   ├── pygments-manni.css
    │   └── theme.css
├── 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
    └── ogp.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
    ├── 2015-11-24-bootstrap-3-3-6-released.md
    ├── 2015-11-24-Bootstrap-3-3-6-released.md
    ├── 2016-07-25-bootstrap-3-3-7-released.md
    ├── 2015-12-08-bootstrap-4-alpha-2.md
    ├── 2015-12-08-new-bootstrap-4-alpha.md
    └── 2015-08-19-bootstrap-4-alpha.md
└── css
    └── style.css


/.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/natanfelles/bootstrap-blog/gh-pages/favicon.ico


--------------------------------------------------------------------------------
/img/ogp.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/natanfelles/bootstrap-blog/gh-pages/img/ogp.png


--------------------------------------------------------------------------------
/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/natanfelles/bootstrap-blog/gh-pages/apple-touch-icon.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/natanfelles/bootstrap-blog/gh-pages/img/2015/bs-themes.png


--------------------------------------------------------------------------------
/img/2015/bs4-alpha.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/natanfelles/bootstrap-blog/gh-pages/img/2015/bs4-alpha.png


--------------------------------------------------------------------------------
/img/2014/02/ratchet-docs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/natanfelles/bootstrap-blog/gh-pages/img/2014/02/ratchet-docs.png


--------------------------------------------------------------------------------
/img/2013/03/bootstrap-expo.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/natanfelles/bootstrap-blog/gh-pages/img/2013/03/bootstrap-expo.jpg


--------------------------------------------------------------------------------
/img/2014/02/ratchet-examples.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/natanfelles/bootstrap-blog/gh-pages/img/2014/02/ratchet-examples.png


--------------------------------------------------------------------------------
/img/2014/02/ratchet-examples-sm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/natanfelles/bootstrap-blog/gh-pages/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 | 


--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
 1 | name:           Bootstrap Brasil Blog
 2 | description:    Tradução do Blog Bootstrap Oficial pela comunidade Bootstrap Brasil..
 3 | url:            http://bootstrapbrasil.github.io/bootstrap-blog
 4 | baseurl: 		/bootstrap-blog
 5 | 
 6 | markdown:       kramdown
 7 | highlighter:    pygments
 8 | permalink:      pretty
 9 | paginate:       5
10 | encoding:       UTF-8
11 | future:         true
12 | 
13 | exclude:        ["README.md"]
14 | 


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


--------------------------------------------------------------------------------
/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/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 | <3,
44 | 
45 | [@mdo](https://twitter.com/mdo), [@fat](https://twitter.com/fat), & [team](https://github.com/twbs)
46 | 
47 | Tradução: [@flaviacs](https://github.com/flaviacs)


--------------------------------------------------------------------------------
/_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-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.6:
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 | 


--------------------------------------------------------------------------------
/_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>{% if page.title %}{{ page.title }} &middot; {% endif %}{{ site.name }}</title>
10 | 
11 |     <!-- CSS -->
12 |     <link rel="stylesheet" href="{{ site.baseurl }}/css/style.css">
13 | 
14 |     <!-- Favicons -->
15 |     <link rel="icon" href="{{ site.baseurl }}/favicon.ico">
16 |     <link rel="apple-touch-icon" href="{{ site.baseurl }}/apple-touch-icon.png">
17 | 
18 |     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
19 |     <!--[if lt IE 9]>
20 |       <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
21 |       <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
22 |     <![endif]-->
23 | 
24 |     <!-- RSS -->
25 |     <link rel="alternate" type="application/rss+xml" title="RSS para Blog Bootstra Brasil" href="{{ site.baseurl }}/feed.xml">
26 | 
27 |     <!-- Open Graph Tags -->
28 |     <meta property="og:type" content="{% if page.title %}article{% else %}website{% endif %}">
29 |     <meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.name }}{% endif %}">
30 |     <meta property="og:description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
31 |     <meta property="og:url" content="{{ site.url }}{% if page.url %}{{ page.url }}{% endif %}">
32 |     <meta property="og:site_name" content="{{ site.name }}">
33 |     <meta property="og:image" content="{{ site.url }}/img/ogp.png">
34 |     <meta property="og:image:type" content="image/png">
35 |     <meta property="og:image:width" content="1200">
36 |     <meta property="og:image:height" content="630">
37 |     <meta name="twitter:card" content="summary">
38 |     <meta name="twitter:site" content="@getbootstrap">
39 |     <meta name="twitter:creator" content="@getbootstrap">  
40 |   </head>
41 |   <body>
42 |     <a href="http://bootstrapbrasil-slack.herokuapp.com/" class="v4-tease">Faça parte da comunidade Bootstrap Brasil no Slack</a>
43 |     <style>
44 |     .v4-tease {
45 |         display: block;
46 |         padding: 15px 20px;
47 |         font-weight: bold;
48 |         color: #fff;
49 |         text-align: center;
50 |         background-color: #0275d8;
51 |         font-size: 14px;
52 |     }
53 |     </style>
54 | 
55 |     <div class="masthead">
56 |       <div class="container">
57 |         <a class="bs-docs-booticon" href="{{ site.url }}">B</a>
58 |           <h1>Blog Bootstrap Brasil</h1>
59 |         <p>
60 |           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>.
61 |         </p>
62 |       </div>
63 |     </div>
64 | 
65 |     <div class="container">


--------------------------------------------------------------------------------
/_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/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 |   margin-bottom: 0;
 71 | }
 72 | .masthead h1 {
 73 |   margin-top: 0;
 74 |   margin-bottom: .25rem;
 75 |   font-size: 1.25rem;
 76 | }
 77 | 
 78 | @media (min-width: 768px) {
 79 |   .masthead {
 80 |     padding: 3rem 0 4rem;
 81 |   }
 82 | }
 83 | 
 84 | 
 85 | /* Footer
 86 | -------------------------------------------------- */
 87 | 
 88 | .colophon:before {
 89 |   display: block;
 90 |   content: '';
 91 |   width: 100px;
 92 |   height: 1px;
 93 |   margin: 4rem auto;
 94 |   background-color: #eee;
 95 | }
 96 | .colophon ul,
 97 | .colophon p {
 98 |   text-align: center;
 99 |   font-size: .75rem;
100 |   color: #999;
101 | }
102 | .colophon ul {
103 |   margin-left: 0;
104 | }
105 | .colophon ul li {
106 |   display: inline;
107 |   padding: 0 .75rem;
108 | }
109 | .colophon ul a {
110 |   white-space: nowrap;
111 | }
112 | 
113 | 
114 | /* Download buttons
115 | -------------------------------------------------- */
116 | 
117 | .btn-link {
118 |   display: inline-block;
119 |   padding: .6rem 1.2rem;
120 |   margin-right: .25rem;
121 |   color: #fff;
122 |   font-weight: bold;
123 |   background-color: #08c;
124 |   border-radius: .2rem;
125 |   -webkit-transition: all .2s linear;
126 |           transition: all .2s linear;
127 | }
128 | .btn-link:hover {
129 |   color: #fff;
130 |   text-decoration: none;
131 |   background-color: #005580;
132 | }
133 | 
134 | .btn-link-ratchet {
135 |   background-color: #b60c32;
136 | }
137 | .btn-link-ratchet:hover {
138 |   background-color: #0f1953;
139 | }
140 | 
141 | 
142 | /* Ads
143 | -------------------------------------------------- */
144 | 
145 | .carbonad {
146 |   width: auto !important;
147 |   height: auto !important;
148 |   min-height: 130px;
149 |   padding: 15px;
150 |   margin-bottom: 30px;
151 |   background: #f5f5f5 !important;
152 |   border: 0 !important;
153 |   border-radius: 4px;
154 | }
155 | .carbonad-img {
156 |   margin: 0 !important;
157 | }
158 | .carbonad-text {
159 |   float: none !important;
160 |   display: block !important;
161 |   width: auto !important;
162 |   height: auto !important;
163 |   max-width: 240px;
164 |   margin-top: 0 !important;
165 |   margin-left: 150px !important;
166 |   margin-right: 10px !important;
167 |   padding-top: 0 !important;
168 |   font-family: inherit !important;
169 |   font-size: 14px !important;
170 |   line-height: 1.3;
171 | }
172 | .carbonad-tag {
173 |   float: none !important;
174 |   display: block !important;
175 |   width: auto !important;
176 |   padding-top: 0 !important;
177 |   margin-left: 150px !important;
178 |   margin-bottom: 0;
179 |   text-align: left !important;
180 |   font-family: inherit !important;
181 | }
182 | #azcarbon img:last-child {
183 |   margin-bottom: 0; /* undo phantom image margin */
184 | }
185 | 
186 | @media (min-width: 980px) {
187 |   .carbonad {
188 |     position: fixed;
189 |     right: 20px;
190 |     bottom: 20px;
191 |     width: 160px !important;
192 |     margin: 0;
193 |   }
194 |   .carbonad-img {
195 |     float: none !important;
196 |     margin: 0 0 10px !important;
197 |   }
198 |   .carbonad-text {
199 |     margin-left: 0 !important;
200 |     margin-right: 0 !important;
201 |     font-size: 12px !important;
202 |   }
203 |   .carbonad-tag {
204 |     margin-left: 0 !important;
205 |   }
206 | }
207 | 
208 | 
209 | 
210 | /* List page
211 | -------------------------------------------------- */
212 | .list {
213 |   padding-left: 0;
214 |   list-style: none;
215 | }
216 | .list li {
217 |   display: block;
218 |   margin-bottom: 5px;
219 | }
220 | .list span {
221 |   float: right;
222 |   color: #999;
223 | }
224 | 


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


--------------------------------------------------------------------------------
/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: "Helvetica Neue", Helvetica, 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: Menlo, Monaco, "Courier New", monospace;
117 | }
118 | code {
119 |   padding: .25em .5em;
120 |   font-size: 85%;
121 |   color: #bf616a;
122 |   background-color: #f9f9f9;
123 |   border-radius: 3px;
124 | }
125 | pre {
126 |   display: block;
127 |   margin-top: 0;
128 |   margin-bottom: 1rem;
129 |   padding: 1rem;
130 |   font-size: .8rem;
131 |   line-height: 1.4;
132 |   white-space: pre;
133 |   white-space: pre-wrap;
134 |   word-break: break-all;
135 |   word-wrap: break-word;
136 |   background-color: #f9f9f9;
137 | }
138 | pre code {
139 |   padding: 0;
140 |   font-size: 100%;
141 |   color: inherit;
142 |   background-color: transparent;
143 | }
144 | 
145 | /* Pygments via Jekyll */
146 | .highlight {
147 |   margin-bottom: 1rem;
148 |   border-radius: 4px;
149 | }
150 | .highlight pre {
151 |   margin-bottom: 0;
152 | }
153 | 
154 | 
155 | /* Quotes */
156 | blockquote {
157 |   padding: .5rem 1rem;
158 |   margin: .8rem 0;
159 |   color: #7a7a7a;
160 |   border-left: .25rem solid #e5e5e5;
161 | }
162 | blockquote p:last-child {
163 |   margin-bottom: 0;
164 | }
165 | @media (min-width: 30em) {
166 |   blockquote {
167 |     padding-right: 5rem;
168 |     padding-left: 1.25rem;
169 |   }
170 | }
171 | 
172 | img {
173 |   display: block;
174 |   max-width: 100%;
175 |   margin: 0 0 1rem;
176 |   border-radius: 5px;
177 | }
178 | 
179 | /* Tables */
180 | table {
181 |   margin-bottom: 1rem;
182 |   width: 100%;
183 |   border: 1px solid #e5e5e5;
184 |   border-collapse: collapse;
185 | }
186 | td,
187 | th {
188 |   padding: .25rem .5rem;
189 |   border: 1px solid #e5e5e5;
190 | }
191 | tbody tr:nth-child(odd) td,
192 | tbody tr:nth-child(odd) th {
193 |   background-color: #f9f9f9;
194 | }
195 | 
196 | 
197 | /*
198 |  * Container
199 |  *
200 |  * Center the page content.
201 |  */
202 | 
203 | .container {
204 |   max-width: 38rem;
205 |   padding-left:  1rem;
206 |   padding-right: 1rem;
207 |   margin-left:  auto;
208 |   margin-right: auto;
209 | }
210 | 
211 | 
212 | /*
213 |  * Masthead
214 |  *
215 |  * Super small header above the content for site name and short description.
216 |  */
217 | 
218 | .masthead {
219 |   padding-top:    1rem;
220 |   padding-bottom: 1rem;
221 |   margin-bottom: 3rem;
222 | }
223 | .masthead-title {
224 |   margin-top: 0;
225 |   margin-bottom: 0;
226 |   color: #505050;
227 | }
228 | .masthead-title a {
229 |   color: #505050;
230 | }
231 | .masthead-title small {
232 |   font-size: 75%;
233 |   font-weight: 400;
234 |   color: #c0c0c0;
235 |   letter-spacing: 0;
236 | }
237 | 
238 | 
239 | /*
240 |  * Posts and pages
241 |  *
242 |  * Each post is wrapped in `.post` and is used on default and post layouts. Each
243 |  * page is wrapped in `.page` and is only used on the page layout.
244 |  */
245 | 
246 | .page,
247 | .post {
248 |   margin-bottom: 4em;
249 | }
250 | 
251 | /* Blog post or page title */
252 | .page-title,
253 | .post-title,
254 | .post-title a {
255 |   color: #303030;
256 | }
257 | .page-title,
258 | .post-title {
259 |   margin-top: 0;
260 | }
261 | 
262 | /* Meta data line below post title */
263 | .post-date {
264 |   display: block;
265 |   margin-top: -.5rem;
266 |   margin-bottom: 1rem;
267 |   color: #9a9a9a;
268 | }
269 | 
270 | /* Related posts */
271 | .related {
272 |   padding-top: 2rem;
273 |   padding-bottom: 2rem;
274 |   border-top: 1px solid #eee;
275 | }
276 | .related-posts {
277 |   padding-left: 0;
278 |   list-style: none;
279 | }
280 | .related-posts h3 {
281 |   margin-top: 0;
282 | }
283 | .related-posts li small {
284 |   font-size: 75%;
285 |   color: #999;
286 | }
287 | .related-posts li a:hover {
288 |   color: #268bd2;
289 |   text-decoration: none;
290 | }
291 | .related-posts li a:hover small {
292 |   color: inherit;
293 | }
294 | 
295 | /* Special case the opening paragraph */
296 | .post > .embed-responsive + p {
297 |   margin-top: 2rem;
298 |   font-size: 125%;
299 |   font-weight: 300;
300 |   color: #222;
301 | }
302 | 
303 | 
304 | /*
305 |  * Pagination
306 |  *
307 |  * Super lightweight (HTML-wise) blog pagination. `span`s are provide for when
308 |  * there are no more previous or next posts to show.
309 |  */
310 | 
311 | .pagination {
312 |   overflow: hidden; /* clearfix */
313 |   margin-left: -1rem;
314 |   margin-right: -1rem;
315 |   color: #ccc;
316 |   text-align: center;
317 | }
318 | 
319 | /* Pagination items can be `span`s or `a`s */
320 | .pagination-item {
321 |   position: relative;
322 |   display: block;
323 |   padding: 1rem;
324 |   border: 1px solid #eee;
325 | }
326 | .pagination-item:first-child {
327 |   margin-bottom: -1px;
328 | }
329 | 
330 | /* Only provide a hover state for linked pagination items */
331 | a.pagination-item:hover {
332 |   z-index: 2;
333 |   color: #fff;
334 |   text-decoration: none;
335 |   background-color: #268bd2;
336 |   border-color: #268bd2;
337 | }
338 | 
339 | @media (min-width: 30em) {
340 |   .pagination {
341 |     margin: 3rem 0;
342 |   }
343 |   .pagination-item {
344 |     float: left;
345 |     width: 50%;
346 |   }
347 |   .pagination-item:first-child {
348 |     margin-bottom: 0;
349 |     border-top-left-radius:    4px;
350 |     border-bottom-left-radius: 4px;
351 |   }
352 |   .pagination-item:last-child {
353 |     margin-left: -1px;
354 |     border-top-right-radius:    4px;
355 |     border-bottom-right-radius: 4px;
356 |   }
357 | }
358 | 
359 | .embed-responsive {
360 |   position: relative;
361 |   display: block;
362 |   height: 0;
363 |   padding: 0;
364 |   overflow: hidden;
365 | }
366 | .embed-responsive .embed-responsive-item,
367 | .embed-responsive iframe,
368 | .embed-responsive embed,
369 | .embed-responsive object,
370 | .embed-responsive video {
371 |   position: absolute;
372 |   top: 0;
373 |   bottom: 0;
374 |   left: 0;
375 |   width: 100%;
376 |   height: 100%;
377 |   border: 0;
378 | }
379 | .embed-responsive.embed-responsive-16by9 {
380 |   padding-bottom: 56.25%;
381 | }
382 | 
383 | {% include css/pygments-manni.css %}
384 | {% include css/theme.css %}
385 | 


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