← ClaudeAtlas

bootstrap-contentlisted

This skill should be used when the user asks about Bootstrap typography, "how do I style text in Bootstrap", "show me Bootstrap heading styles", "Bootstrap text looks wrong", "text not wrapping in Bootstrap", "how to create responsive tables", "Bootstrap table not responsive", "Bootstrap table overflowing on mobile", "how do I format code blocks", "Bootstrap images not responsive", "why is my Bootstrap image not scaling", "how to center images in Bootstrap", "image thumbnail not working", "how to add figure captions", "figure caption not showing", display headings, lead text, text alignment, text formatting, tables, table styling, responsive images, figures, code blocks, blockquotes, lists, abbreviations, horizontal rules, Reboot CSS reset, or when help is needed styling text, tables, images, and other content elements in Bootstrap.
ronnieiscoo/bootstrap-expert · ★ 0 · Web & Frontend · score 63
Install: claude install-skill ronnieiscoo/bootstrap-expert
# Bootstrap 5.3 Content Bootstrap provides typography, image, table, and other content styles built on top of Reboot, a normalized baseline. ## Reboot Bootstrap Reboot normalizes default browser styles for consistent cross-browser rendering. It provides a foundation for the typography and content styles that follow. ### Code Elements ```html <!-- Inline code --> <p>Use <code>&lt;section&gt;</code> for page sections.</p> <!-- Code blocks (use pre for preformatted text) --> <pre><code>&lt;p&gt;Sample text here...&lt;/p&gt; &lt;p&gt;And another line.&lt;/p&gt;</code></pre> <!-- Variables --> <var>y</var> = <var>m</var><var>x</var> + <var>b</var> <!-- User input (keyboard) --> <p>Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy.</p> <p>Or type <kbd>cd</kbd> to change directory.</p> <!-- Nested kbd for key combinations --> <kbd><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>P</kbd></kbd> <!-- Sample output --> <samp>This text is meant to be sample output from a program.</samp> ``` ### Address ```html <address> <strong>Company Name</strong><br> 123 Main Street<br> City, State 12345<br> <abbr title="Phone">P:</abbr> (123) 456-7890 </address> <address> <strong>Full Name</strong><br> <a href="mailto:email@example.com">email@example.com</a> </address> ``` ### Horizontal Rules ```html <!-- Basic horizontal rule --> <hr> <!-- Styled with border utilities --> <hr class="border border-danger border-2 opacity-50"> <hr class="border border-primary border-3 opacity-75"> <!