Yashasvi Jaiswal

@YashasviJaiswal

Revisiting Bootstrap in the Summers

What is Bootstrap?

Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first projects on the web. And, it is the second-most starred project on GitHub, with more than 125,000 stars (at the time when I’m writing this article).

Why did I revisit Bootstrap?

I loved designing websites, but I left it in my 2nd year. So, I thought I should visit it once again and do some projects on it during my summer vacation.

So, here are the projects I made on Bootstrap:

1. Bootstrap Grid 1: bit.ly/BootstrapGrid1

2. Bootstrap Typography 1: bit.ly/BootstrapTypography1

3. Bootstrap Images 1: bit.ly/BootstrapImages1

4. Bootstrap Tables 1: bit.ly/BootstrapTables1

5. Bootstrap Buttons 1: bit.ly/BootstrapButtons1

6. Bootstrap Cards 1: bit.ly/BootstrapCards1

7. Bootstrap Carousel 1: bit.ly/BootstrapCarousel1

8. Bootstrap Collapse 1: bit.ly/BootstrapCollapse1

9. Bootstrap Modals 1: bit.ly/BootstrapModals1

10. Bootstrap Navs 1: bit.ly/BootstrapNavs1

11. Bootstrap Scrollspy 1: bit.ly/BootstrapScrollspy1

12. Bootstrap Tooltips 1: bit.ly/BootstrapTooltips1

13. Bootstrap Dropdown 1: bit.ly/BootstrapDropdown1

14. Bootstrap Jumbotron 1: bit.ly/BootstrapJumbotron1

Yes, I’ve open-sourced all the codes on GitHub. The links to the codes are mentioned above. Do check it out, take help from it, or contribute to it.

1. Bootstrap Grid 1: bit.ly/BootstrapGrid1

Bootstrap Grid 1 is responsive, and the columns will rearrange depending on the screen size.

Bootstrap Grid 1

2. Bootstrap Typography 1: bit.ly/BootstrapTypography1

Bootstrap Typography 1 is all about typographies in Bootstrap.

Bootstrap Typography 1

3. Bootstrap Images 1: bit.ly/BootstrapImages1

Bootstrap Images 1 is all about images in Bootstrap.

Bootstrap Images 1

4. Bootstrap Tables 1: bit.ly/BootstrapTables1

Bootstrap Tables 1 is all about tables in Bootstrap.

Bootstrap Tables 1

5. Bootstrap Buttons 1: bit.ly/BootstrapButtons1

Bootstrap Buttons 1 is all about buttons in Bootstrap.

Bootstrap Buttons 1

6. Bootstrap Cards 1: bit.ly/BootstrapCards1

Bootstrap Cards 1 is all about cards in Bootstrap.

Bootstrap Cards 1

7. Bootstrap Carousel 1: bit.ly/BootstrapCarousel1

Bootstrap Carousel 1 is all about sliding images in Bootstrap.

Bootstrap Carousel 1

8. Bootstrap Collapse 1: bit.ly/BootstrapCollapse1

Bootstrap Collapse 1 is all about collapsible content in Bootstrap.

Bootstrap Collapse 1

9. Bootstrap Modals 1: bit.ly/BootstrapModals1

Bootstrap Modals 1 is all about modals in Bootstrap.

Bootstrap Modals 1

10. Bootstrap Navs 1: bit.ly/BootstrapNavs1

Bootstrap Navs 1 is all about navigation in Bootstrap.

Bootstrap Navs 1

11. Bootstrap Scrollspy 1: bit.ly/BootstrapScrollspy1

Bootstrap Scrollspy 1 automatically updates the navigation or list group components based on scroll position to indicate which link is currently active in the viewport.

Bootstrap Scrollspy 1

12. Bootstrap Tooltips 1: bit.ly/BootstrapTooltips1

The tooltips are small pop-up boxes that appear when the user moves the mouse pointer over an element. Bootstrap Tooltips 1 is all about tooltips in Bootstrap.

Bootstrap Tooltips 1

13. Bootstrap Dropdown 1: bit.ly/BootstrapDropdown1

Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They’re made interactive with the included Bootstrap dropdown JavaScript plugin. They’re toggled by clicking, not by hovering. Bootstrap Dropdown 1 is a simple dropdown in Bootstrap.

Bootstrap Dropdown 1

14. Bootstrap Jumbotron 1: bit.ly/BootstrapJumbotron1

Jumbotron is a lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on the web page. Bootstrap Jumbotron 1 is a simple jumbotron in Bootstrap.

Bootstrap Jumbotron 1

Extras on Bootstrap?

Yes, I’ve open-sourced some helpful Bootstrap codes. Here are those which people might find helpful while programming:

1. Bootstrap Grid 1 Main Code: bit.ly/BootstrapGrid1MainCode

Bootstrap Grid 1 Main Code is the main code of Bootstrap Grid 1.

2. Bootstrap Cards 1 Main Code: bit.ly/BootstrapCards1MainCode

Bootstrap Cards 1 Main Code is the main code of Bootstrap Cards 1.

3. Bootstrap Jumbotron 1 Main Code: bit.ly/BootstrapJumbotron1MainCode

Bootstrap Jumbotron 1 Main Code is the main code of Bootstrap Jumbotron 1.

Let’s code together?

Yes, why not! Let’s connect on GitHub.

Here’s my GitHub profile: www.github.com/YashasviJaiswal

Do check it out, take help from it, or contribute to it.

And, let’s connect on social media platforms: about.me/YashasviJaiswal

More by Yashasvi Jaiswal

Topics of interest

More Related Stories