> ## Documentation Index
> Fetch the complete documentation index at: https://docs.t3planet.de/en/latest/llms.txt
> Use this file to discover all available pages before exploring further.

# Bootstrap

> T3 Bootstrap documentation for TYPO3

<div className="t3-template-landing">
  <div className="t3-landing-hero">
    <p className="t3-landing-eyebrow">TYPO3 Template</p>
    <h1 className="t3-landing-title">Bootstrap</h1>
    <p className="t3-landing-subtitle">Everything you need to install, configure, and customize T3 Bootstrap in TYPO3. From first setup to production.</p>
  </div>

  <section className="t3-landing-section">
    <p className="t3-landing-eyebrow">Get started</p>
    <h2 className="t3-landing-section-title">Installation & setup</h2>

    <CardGroup cols={2}>
      <Card title="Introduction" icon="book-open" href="/en/latest/en/latest/EXTBootstrap/Introduction/Index">
        Overview, features, and system requirements.
      </Card>

      <Card title="Installation" icon="download" href="/en/latest/en/latest/EXTBootstrap/Installation/Index">
        Install the theme extension in your TYPO3 instance.
      </Card>

      <Card title="Update Version" icon="refresh-cw" href="/en/latest/en/latest/EXTBootstrap/UpdateVersion/Index">
        Upgrade to the latest theme version safely.
      </Card>
    </CardGroup>
  </section>

  <section className="t3-landing-section">
    <p className="t3-landing-eyebrow">Configure</p>
    <h2 className="t3-landing-section-title">Theme & content</h2>

    <CardGroup cols={2}>
      <Card title="Theme Options" icon="settings" href="/en/latest/en/latest/EXTBootstrap/GlobalSettingsConfiguration/Index">
        Configure global theme settings and constants.
      </Card>

      <Card title="Templates & Layouts" icon="layout-template" href="/en/latest/en/latest/EXTBootstrap/TemplatesLayouts/Index">
        Assign frontend and backend page layouts.
      </Card>

      <Card title="Custom Elements" icon="blocks" href="/en/latest/en/latest/EXTBootstrap/CustomElements/Index">
        Create and manage custom content elements.
      </Card>

      <Card title="Localization" icon="languages" href="/en/latest/en/latest/EXTBootstrap/Localization/Index">
        Translate and localize your theme content.
      </Card>
    </CardGroup>
  </section>

  <section className="t3-landing-section">
    <p className="t3-landing-eyebrow">Optimize</p>
    <h2 className="t3-landing-section-title">Performance & customization</h2>

    <CardGroup cols={2}>
      <Card title="Speed and Performance" icon="gauge" href="/en/latest/en/latest/EXTBootstrap/SpeedPerformance/Index">
        Optimize loading speed and Core Web Vitals.
      </Card>

      <Card title="SEO (Search Engine Optimization)" icon="search" href="/en/latest/en/latest/EXTBootstrap/SEO/Index">
        Configure SEO settings for better search visibility.
      </Card>

      <Card title="Customization" icon="palette" href="/en/latest/en/latest/EXTBootstrap/Customization/Index">
        Extend and customize templates without losing upgrades.
      </Card>

      <Card title="Upgrade Guide" icon="arrow-up" href="/en/latest/en/latest/EXTBootstrap/UpgradeGuide/Index">
        Step-by-step guide for upgrading your theme.
      </Card>
    </CardGroup>
  </section>

  <section className="t3-landing-section">
    <p className="t3-landing-eyebrow">Resources</p>
    <h2 className="t3-landing-section-title">Help & support</h2>

    <CardGroup cols={2}>
      <Card title="Helpful Links" icon="link" href="/en/latest/en/latest/EXTBootstrap/HelpfulLinks/Index">
        Quick links to demos, product pages, and tools.
      </Card>

      <Card title="Help & Support" icon="life-buoy" href="/en/latest/en/latest/EXTBootstrap/HelpSupport/Index">
        Get help from the T3Planet support team.
      </Card>
    </CardGroup>
  </section>
</div>