Hello coders, today’s rabbit hole was using Bootstrap more efficiently. I’ve been using bootstrap in most projects up til now but not fully understanding how to use it.
Bootstrap was developed by a small group of Twitter developers and has one of the busiest Git activity on GitHub. Because of the credibility of how many people update the code in the library, the code structure is as up to date as possible.
Usually, when I used Bootstrap for projects I used the library as a CDN which uses a link to reference Bootstrap into the HTML file. This time around I actually downloaded the library in the command terminal using the
The project creation was one of a typical corporate type of landing website just using the Bootstrap library. The confusion that I had with Bootstrap was linking only certain things from the library into the file. However, by downloading the entire library into the file in the command terminal there was no way for me not to properly link a certain navbar etc into the file. Also, the fact that most projects that I watch are using Bootstrap 3 so the CDN link references were not the same.<div class='sharedaddy sd-block sd-like jetpack-likes-widget-wrapper jetpack-likes-widget-unloaded' id='like-post-wrapper-155635758-427-5d076ee55f2b8' data-src='https://widgets.wp.com/likes/#blog_id=155635758&post_id=427&origin=trilamanila.com&obj_id=155635758-427-5d076ee55f2b8' data-name='like-post-frame-155635758-427-5d076ee55f2b8'><h3 class="sd-title">Like this:</h3><div class='likes-widget-placeholder post-likes-widget-placeholder' style='height: 55px;'><span class='button'><span>Like</span></span> <span class="loading">Loading...</span></div><span class='sd-text-color'></span><a class='sd-link-color'></a></div>