https://ryanorban.com/categories/bootstrap/Recent content in Bootstrap on Ryan OrbanHugoen-usme@ryanorban.com (Ryan Orban)me@ryanorban.com (Ryan Orban)Ryan OrbanSat, 25 Aug 2012 00:00:00 +0000https://ryanorban.com/notes/customize-twitter-bootstrap/Sat, 25 Aug 2012 00:00:00 +0000me@ryanorban.com (Ryan Orban)https://ryanorban.com/notes/customize-twitter-bootstrap/<p><img src="https://ryanorban.com/images/notes/customize-twitter-bootstrap.png" alt="Customize Twitter Bootstrap to Not Look Bootstrap-y" class="note-hero-img" loading="lazy" /> </p> <h3 id="summary" class="scroll-mt-8 group"> Summary <a href="#summary" class="no-underline hidden opacity-50 hover:opacity-100 !text-inherit group-hover:inline-block" aria-hidden="true" title="Link to this heading" tabindex="-1"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="lucide lucide-link w-4 h-4 block" viewBox="0 0 24 24" > <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" /> <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" /> </svg> </a> </h3> <p>A practical guide to customizing Twitter Bootstrap so that the resulting site didn&rsquo;t immediately read as a default Bootstrap template. In 2012, Bootstrap had become enormously popular — it was easy to adopt and provided a solid grid system and component library. But the default Bootstrap aesthetic (rounded gray buttons, blue navbar, specific typography) had become instantly recognizable, and any site using it without customization looked generic and rushed.</p>