AI Bootstrap Logo
Bootstrap Questions & Answers Part of the Q&A Network

Ask anything about Bootstrap.

Get instant answers with code examples.

Advertisement
Search Questions
Search Tags

    Latest Questions

    QAA Logo
    How do I stack two buttons vertically on xs but inline from sm and up?

    Asked on Thursday, Sep 11, 2025

    To stack two buttons vertically on extra small (xs) screens and display them inline from small (sm) screens and up, you can use Bootstrap's responsive utility classes. Here's a simple example using Bo…

    Read More →
    QAA Logo
    How do I keep a footer at the bottom on short pages but below content on tall ones?

    Asked on Wednesday, Sep 10, 2025

    To keep a footer at the bottom of short pages while allowing it to be below content on taller pages, you can use a sticky footer layout with Bootstrap 5. This involves using flexbox to ensure the foot…

    Read More →
    QAA Logo
    How can I add print-specific styles with d-print-* utilities?

    Asked on Tuesday, Sep 09, 2025

    Bootstrap provides `d-print-*` utilities to control the display of elements when printing. These utilities allow you to show or hide elements specifically for print media. This text will only be visib…

    Read More →
    QAA Logo
    How do I build a 404 page using Bootstrap utilities only?

    Asked on Monday, Sep 08, 2025

    Creating a 404 page using Bootstrap utilities is straightforward and efficient. You can use Bootstrap's utility classes to style your page without custom CSS. 404 Page Not Found Go Home ADDITIONAL COM…

    Read More →
    QAA Logo
    How can I lazy-load images inside cards with a blur-up effect using utilities?

    Asked on Sunday, Sep 07, 2025

    To lazy-load images with a blur-up effect in Bootstrap 5, you can use the `loading="lazy"` attribute along with CSS for the blur effect. This approach enhances performance by loading images only when …

    Read More →
    QAA Logo
    How do I build a scrollspy-enabled sidebar that highlights headings?

    Asked on Saturday, Sep 06, 2025

    To create a scrollspy-enabled sidebar that highlights headings, you can use Bootstrap's Scrollspy component. This feature allows you to automatically update navigation links based on scroll position. …

    Read More →
    QAA Logo
    How do I use spinners inline with text and align them with text-baseline?

    Asked on Friday, Sep 05, 2025

    To use spinners inline with text and align them with the text-baseline in Bootstrap 5, you can utilize the `spinner-border` or `spinner-grow` classes along with the `align-text-bottom` utility class. …

    Read More →
    Advertisement