<p></p>
<p dir="auto">In effect this is the opposite of <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="583630521" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/2560" data-hovercard-type="pull_request" data-hovercard-url="/openstreetmap/openstreetmap-website/pull/2560/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/pull/2560">#2560</a> where I included all of bootstrap (after solving various compatibility issues with our pre-bootstrap custom stylesheets).</p>
<p dir="auto">At that time I wanted to include everything by default, in order to make it easier for other developers to use any component they see when reading the bootstrap documentation. So my hesitation here is that by customising the list of components to restrict it to only those that are in use today, it makes it slightly harder to use new components (or components that are added in future versions of bootstrap). For example, if someone has an idea of how to improve a page (e.g. the about page) by adding a component (e.g. breadcrumbs or carousel or something new in 5.4 etc), would they figure out why it's not working, or would they just give up first? What do you think?</p>
<blockquote>
<p dir="auto">Actually I do this to modify Bootstrap's theme colors. It has to be done after importing variables</p>
</blockquote>
<p dir="auto">Can you expand on this please, perhaps with an example? We already change some of the theme colours in parameters.scss, which is included before bootstrap. <a href="https://getbootstrap.com/docs/5.1/customize/sass/#variable-defaults" rel="nofollow">Bootstrap sets its variables with the <code class="notranslate">!default</code> flag to allow this</a>. Are you trying to do something different or more advanced than this?</p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4250#issuecomment-1727769752">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLNAYV2A6VBXKEONOWLX3LXWHANCNFSM6AAAAAA43F5U7A">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLKFEACR36JRIH6UY2TX3LXWHA5CNFSM6AAAAAA43F5U7CWGG33NNVSW45C7OR4XAZNMJFZXG5LFINXW23LFNZ2KUY3PNVWWK3TUL5UWJTTG7OWJQ.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/4250/c1727769752</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/4250#issuecomment-1727769752",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/4250#issuecomment-1727769752",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>