diff options
Diffstat (limited to 'page/12/index.html')
| -rw-r--r-- | page/12/index.html | 115 |
1 files changed, 57 insertions, 58 deletions
diff --git a/page/12/index.html b/page/12/index.html index 1aaf391d..2cd4aab0 100644 --- a/page/12/index.html +++ b/page/12/index.html @@ -203,6 +203,61 @@ <div class="posts"> <div class="post"> <h1 class="post-title fw-600"> + <a href="/2018/04/09/bootstrap-4-1/" class="text-decoration-none"> + Bootstrap 4.1 + </a> + </h1> + + <div class="d-flex align-items-center mb-4 text-muted author-info"> + <a class="d-flex align-items-center text-muted text-decoration-none" href="https://github.com/mdo" target="_blank" rel="noopener"> + <img class="mb-0 me-2 rounded-2" srcset="https://github.com/mdo.png?size=32, https://github.com/mdo.png?size=64 2x" + src="https://github.com/mdo.png?size=32" + alt="" width="32" height="32"> + <span>@mdo</span> + </a> + <span class="d-flex align-items-center ms-3" title="09 Apr 18 00:00 UTC"> + <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="me-2" viewBox="0 0 16 16" role="img" fill="currentColor"> + <path d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/> + <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/> +</svg> + + April 09, 2018 + </span> +</div> +<div class="ratio ratio-16x9"> + <iframe src="https://www.youtube-nocookie.com/embed/3wxyN3z9PL4?rel=0" title="YouTube Video" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="760" height="570" allowfullscreen></iframe> +</div> + + + + + <p>Two months ago we shipped the <a href="/2018/01/18/bootstrap-4/">first major release of Bootstrap 4</a> and we’re thrilled y’all love the latest release and <a href="/2018/02/21/new-bootstrap-themes/">our brand new themes</a> so much. Today we’re shipping our first minor release, v4.1! This release comes later than expected and some of the fixes we intended, but there’s still a boatload of fixes, docs updates, build tool changes, and even a few small new features.</p> +<h2 id="updated-docs-url">Updated docs URL</h2> +<p>With the release of v4 stable, we moved to a versioned docs setup, meaning each minor release would bring with it a new hosted version of our docs. This allows folks who haven’t yet upgraded stick to the docs they know and love and avoids breaking URLs across the web. With today’s release, our we’ll have a new URL for this release’s documentation, <code>getbootstrap.com/docs/4.1/</code>. The previous URL, <code>getbootstrap.com/docs/4.0/</code> will still work as y’all would imagine.</p> +<h2 id="highlights">Highlights</h2> +<p>Here’s what’s new in addition to our bug fixes and docs updates:</p> +<ul> +<li>Added new custom range form control.</li> +<li>Added new <code>.carousel-fade</code> modifier to switch carousel from horizontal sliding to crossfade.</li> +<li>Added new <code>.dropdown-item-text</code> for plaintext dropdown items.</li> +<li>Added new <code>.flex-fill</code>, <code>.flex-grow-*</code>, and <code>.flex-shrink-*</code> utilities.</li> +<li>Added new <code>.table-borderless</code> variant for tables.</li> +<li>Added new <code>.text-monospace</code> utility.</li> +<li>Added new <code>.text-body</code> (default body color), <code>.text-black-50</code> (50% opacity black), and <code>.text-white-50</code> (50% opacity white) utilities.</li> +<li>Added new <code>.shadow-*</code> utilities for quickly adding <code>box-shadow</code>s.</li> +<li>Added ability to disable Popper’s positioning in dropdowns.</li> +<li>Updated our Theming docs to confirm you <em>cannot</em> use CSS variables in media queries (sorry folks!).</li> +<li>Fixed longstanding issue with Chrome rendering CSS columns incorrectly for cards.</li> +<li>Deprecated <code>.text-hide</code>—you’ll see a warning during compilation—as it’s a dated and undocumented feature.</li> +<li>Fixed up Dashboard and Offcanvas examples across Firefox and IE.</li> +<li>Breadcrumbs can now use non-string values as dividers.</li> +</ul> +<p>Be sure to look at the <a href="https://github.com/twbs/bootstrap/issues/25375">ship list</a> and <a href="https://github.com/twbs/bootstrap/projects/5">project board</a> for more details on all our fixes. Also, as a small heads up, we’ve split our issue template on GitHub into two separate templates, one for feature requests and one for bug reports. Please let us know if you have any feedback on the change.</p> +<h2 id="next-release">Next release</h2> +<p>Next up, we’re looking at a <a href="https://github.com/twbs/bootstrap/projects/13">v4.1.1 release</a>. There are some bug fixes for input groups, form fields, and more that I know we need to tackle sooner than later. These were supposed to be in v4.1, but we couldn’t make it happen in time.</p> + + </div><div class="post"> + <h1 class="post-title fw-600"> <a href="/2018/02/21/new-bootstrap-themes/" class="text-decoration-none"> New Bootstrap themes </a> @@ -212,7 +267,7 @@ <a class="d-flex align-items-center text-muted text-decoration-none" href="https://github.com/mdo" target="_blank" rel="noopener"> <img class="mb-0 me-2 rounded-2" srcset="https://github.com/mdo.png?size=32, https://github.com/mdo.png?size=64 2x" src="https://github.com/mdo.png?size=32" - alt="" width="32" height="32"> + alt="" width="32" height="32" loading="lazy"> <span>@mdo</span> </a> <span class="d-flex align-items-center ms-3" title="21 Feb 18 00:00 UTC"> @@ -225,7 +280,7 @@ </span> </div> <div class="ratio ratio-16x9"> - <iframe src="https://www.youtube-nocookie.com/embed/atxUuldUcfI?rel=0" title="YouTube Video" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="760" height="570" allowfullscreen></iframe> + <iframe class="lazy" data-src="https://www.youtube-nocookie.com/embed/atxUuldUcfI?rel=0" title="YouTube Video" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="760" height="570" allowfullscreen></iframe> </div> @@ -519,62 +574,6 @@ <hr> <p>For more details on this release’s changes, take a look at the <a href="https://github.com/twbs/bootstrap/issues/23278">Beta 2 ship list issue</a>, as well as the <a href="https://github.com/twbs/bootstrap/projects/4">Beta 2 project</a>. Be sure to <a href="https://bootstrap-slack.herokuapp.com">join our official Slack room!</a> and dive into <a href="https://github.com/twbs/bootstrap/issues/">our issue tracker</a> with bug reports, questions, and general feedback whenever possible.</p> - </div><div class="post"> - <h1 class="post-title fw-600"> - <a href="/2017/08/10/bootstrap-4-beta/" class="text-decoration-none"> - Bootstrap 4 Beta - </a> - </h1> - - <div class="d-flex align-items-center mb-4 text-muted author-info"> - <a class="d-flex align-items-center text-muted text-decoration-none" href="https://github.com/mdo" target="_blank" rel="noopener"> - <img class="mb-0 me-2 rounded-2" srcset="https://github.com/mdo.png?size=32, https://github.com/mdo.png?size=64 2x" - src="https://github.com/mdo.png?size=32" - alt="" width="32" height="32" loading="lazy"> - <span>@mdo</span> - </a> - <span class="d-flex align-items-center ms-3" title="10 Aug 17 00:00 UTC"> - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="me-2" viewBox="0 0 16 16" role="img" fill="currentColor"> - <path d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/> - <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/> -</svg> - - August 10, 2017 - </span> -</div> -<div class="ratio ratio-16x9"> - <iframe class="lazy" data-src="https://www.youtube-nocookie.com/embed/aQUlA8Hcv4s?rel=0" title="YouTube Video" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="760" height="570" allowfullscreen></iframe> -</div> - - - - - <p><a href="/2015/08/19/bootstrap-4-alpha/">Two years in the making</a>, we finally have our first beta release of Bootstrap 4. In that time, we’ve broken all the things at least twenty-seven times over with nearly 5,000 commits, 650+ files changed, 67,000 lines added, and 82,000 lines deleted. We also shipped six major alpha releases, a trio of official Themes, and even a job board for good measure. Put simply? <a href="https://www.youtube.com/watch?v=_J6-3l3hCm0">It’s about time.</a></p> -<h2 id="beta">Beta!?</h2> -<p>Long story short, shipping a beta means we’re done breaking all your stuff until our next major version (v5). We’re not perfect, but we’ll be doing our best to keep all the classes, features, and docs URLs as they appear now in this release. We can always add more things, but we cannot take away.</p> -<p>For those who haven’t been using the v4 alpha releases, here are some highlights to get you caught up.</p> -<ul> -<li><strong>Moved from Less to Sass.</strong> Bootstrap now compiles faster than ever thanks to Libsass, and we join an increasingly large community of Sass developers.</li> -<li><strong>Flexbox and an improved grid system.</strong> We’ve moved nearly everything to flexbox, added a new grid tier to better target mobile devices, and completely overhauled our source Sass with better variables, mixins, and now maps, too.</li> -<li><strong>Dropped wells, thumbnails, and panels for cards.</strong> <a href="https://getbootstrap.com/docs/4.0/components/card/">Cards</a> are a brand new component to Bootstrap, but they’ll feel super familiar as they do nearly everything wells, thumbnails, and panels did, only better.</li> -<li><strong>Forked Normalize.css and consolidated all our HTML resets into a new CSS module, Reboot.</strong> Normalize.css has taken a different path than we’d prefer, dropping some core CSS tweaks we’ve long depended upon. Reboot takes the core of Normalize.css and expands it to include more opinionated resets like <code>box-sizing: border-box</code>, margin tweaks, and more all in a single Sass file.</li> -<li><strong>Brand new customization options.</strong> Instead of relegating style embellishments like gradients, transitions, shadows, grid classes, and more to a separate stylesheet like v3, we’ve moved all those options into Sass variables. Want default transitions on everything or to disable rounded corners? Simply update a variable and recompile.</li> -<li><strong>Dropped IE8 and IE9 support, dropped older browser versions, and moved to rem units for component sizing</strong> to take advantage of newer CSS support. Aside from our grid, pixels have been swapped for rems and ems where appropriate to make responsive typography and component sizing even easier. Need support for IE8/IE9, Safari 8-, iOS 8-, etc? Keep using Bootstrap 3.</li> -<li><strong>Rewrote all our JavaScript plugins.</strong> Every plugin has been rewritten in ES6 to take advantage of the newest JavaScript enhancements with new teardown methods, option type checking, new methods, and more.</li> -<li><strong>Improved auto-placement of tooltips, popovers, and dropdowns</strong> thanks to the help of a library called <a href="https://popper.js.org">Popper.js</a>.</li> -<li><strong>Redesigned and improved documentation.</strong> We redesigned it, rewrote it all in Markdown, and added a few handy plugins to streamline examples and code snippets to make working with our docs way easier. We also added an amazing new search form!</li> -<li><strong>New build tools</strong> completely rewritten in npm scripts instead of Grunt, immensely simplifying the process of developing and contributing to Bootstrap.</li> -<li><strong>And so much more!</strong> Custom form controls, a redesigned carousel, an overhauled navbar, HTML5 form validation styles, hundreds of responsive utility classes, new components, and more have also been included.</li> -</ul> -<p>Okay, phew, want to learn even more? Keep reading, or jump right to <a href="https://getbootstrap.com/">those brand new docs</a>!</p> -<h2 id="new-look">New look</h2> -<p>Bootstrap 4 has been sporting a slightly updated look throughout our alpha releases, but it wasn’t until recently that we gave the docs and our components a refresh, too.</p> -<p><a href="https://getbootstrap.com/"><img src="/assets/img/2017/bootstrap-4-beta.png" class="d-block img-fluid mb-2 rounded border" alt="Bootstrap 4 beta docs" loading="lazy" width="2866" height="1976"> -</a></p> -<p>In addition to a new color palette and new systems fonts, we have a brand new layout for our documentation. New with this beta is an amazing search form powered by Algolia’s <a href="https://community.algolia.com/docsearch/">DocSearch</a>, an improved page layout with stickied navbar and sidebar, and a new table of contents.</p> -<hr> -<p>For more details on this release’s changes, take a look at the <a href="https://github.com/twbs/bootstrap/issues/21568">Beta 1 ship list issue</a>, as well as the <a href="https://github.com/twbs/bootstrap/milestone/41?closed=1">closed Beta 1 milestone</a>. Be sure to <a href="https://bootstrap-slack.herokuapp.com">join our official Slack room!</a> and dive into <a href="https://github.com/twbs/bootstrap/issues/">our issue tracker</a> with bug reports, questions, and general feedback whenever possible.</p> - </div> </div> |