Free AI web copilot to create summaries, insights and extended knowledge, download it at here
2873
Abstract
class="gist-iframe" src="/gist/officialrajdeepsingh/c58edd16eb39d2b2b8fa41354c75ca93.js" allowfullscreen="" frameborder="0" height="undefined" width="undefined">
</div>
</div>
</figure></iframe></div></div></figure><h2 id="f129">Solution</h2><p id="f431">Bootstrap provides Two types of <b>solutions </b>to <b>avoid </b>File size and unused CSS.</p><ul><li><b>Customize and download</b></li><li><b>Sass</b></li></ul><h2 id="b655">Customize and download</h2><p id="c281">When using NPM or CDN, we use all functionality with all Bootstrap Components. But we need only <b>some bootstrap Components</b> for a web project. So in case, we <b>select a component</b> after downloading local and using it.</p><p id="d8c1"><b>More Read on Bootstrap And Use it</b></p><div id="0033" class="link-block">
<a href="https://getbootstrap.com/docs/3.4/customize/">
<div>
<div>
<h2>Customize and download</h2>
<div><h3>Choose which jQuery plugins should be included in your custom JavaScript files. Unsure what to include? Read the…</h3></div>
<div><p>getbootstrap.com</p></div>
</div>
<div>
<div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/)"></div>
</div>
</div>
</a>
</div><h2 id="0e44">Sass</h2><p id="7b0c">The second solution is Sass because Bootstrap builds with Sass. Import selected Nested files to decrease a bootstrap file and unused CSS.</p><h2 id="a084">Read All Sass Advantage</h2><div id="73ca" class="link-block">
<a href="https://getbootstrap.com/docs/4.4/getting-started/theming/#sass">
<div>
<div>
<h2>Theming Bootstrap</h2>
<div><h3>Customize Bootstrap 4 with our new built-in Sass variables for global style preferences for easy theming and component…</h3></div>
<div><p>getbootstrap.com</p></div>
</div>
<div>
<div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/0*YibteMLV0FGyBKl6)"></div>
</div>
</div>
</a>
</div><h1 id="19fc">Reference</h1><ul><li><a href="https://getbootstrap.com/">https://getbootstrap.com/</a></li><li><a href="https://getbootstrap.com/docs/3.4/customize/">https://getbootstrap.com/docs/3.4/customize/</a></li><li><a href="https://developers.google.com/web/tools/chrome-devtools/coverage/">https://developers.google.com/web/tools/chrome-devtools/coverage/</a></li><li><a href="https://getbootstrap.com/docs/4.4/getting-started/theming/#sass">https://getbootstrap.com/docs/4.4/getting-started/theming/#sass</a></li></ul><h2 id="af63">Read More on Medium</h2><div id="843f" class="link-block">
<a hre
Options
f="https://readmedium.com/how-to-access-nested-json-object-inside-array-in-react-js-c00cef3c252c">
<div>
<div>
<h2>How to access nested JSON object Inside Array in react js</h2>
<div><h3>JSON (JavaScript Object Notation) is a lightweight data-interchange format. It is primarily used for transmitting data…</h3></div>
<div><p>medium.com</p></div>
</div>
<div>
<div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/1*NGciJ0plqrrq6AvpcyEOFg.gif)"></div>
</div>
</div>
</a>
</div><div id="4710" class="link-block">
<a href="https://readmedium.com/how-to-read-local-json-file-in-react-js-564125235fc7">
<div>
<div>
<h2>How to read local JSON files in react js?</h2>
<div><h3>Hey, everybody, my name is Rajdeep Singh. In this post, I'm Telling you How to read the JSON file in reactjs within a simple…</h3></div>
<div><p>medium.com</p></div>
</div>
<div>
<div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/1*yKfdVuKFfOz0PkBcJ7WQBQ.gif)"></div>
</div>
</div>
</a>
</div><div id="a9df" class="link-block">
<a href="https://readmedium.com/how-to-add-custom-context-menu-in-react-js-e53afc6692b2">
<div>
<div>
<h2>How to add a custom context menu in react.js</h2>
<div><h3>When clicking mouse Right-click opens a menu bar in DOM or Browser that is Context Menu in react.js</h3></div>
<div><p>medium.com</p></div>
</div>
<div>
<div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/1*eFSfdUFhU0bNb8zTiAtInA.gif)"></div>
</div>
</div>
</a>
</div><h1 id="e91a">Conclusion</h1><p id="6184">I hope you understand Why Bootstrap is bad.</p><p id="7a0c">If you have any queries, mistakes, or suggestions, please tell me in the comment box after we update our article.</p><h2 id="dfd2">Contact me</h2><ul><li><a href="https://www.facebook.com/officialrajdeepsingh/">https://www.facebook.com/officialrajdeepsingh/</a></li><li><a href="https://www.officialrajdeepsingh.dev/">https://www.officialrajdeepsingh.dev/</a></li><li><a href="https://www.facebook.com/groups/JavaScriptcode/">https://www.facebook.com/groups/JavaScriptcode/</a></li><li><a href="https://www.facebook.com/groups/pythoncodejoin/">https://www.facebook.com/groups/pythoncodejoin/</a></li><li><a href="mailto:[email protected]">[email protected]</a></li></ul><h1 id="492a">Thanks for Reading</h1></article></body>
