LONGQUIZ BOOSTRAPS CODE IGNITER 1 and 2 Flashcards
(90 cards)
A free front-end framework for faster and easier web development.
Bootstrap
A framework created at Twitter in mid-2010 by
Mark Otto and Jacob Thornton
Prior to open-sourcing, the internal style guide for Twitter tools.
Twitter Blueprint
Includes HTML/CSS templates for typography, forms, buttons, tables, navigation, modals, carousels, and optional JavaScript plugins.
Bootstrap components
Allows designs to adapt automatically to phones, tablets, and desktops.
Responsive features
An approach where mobile styles are part of the core framework.
Mobile-first approach
Classes to add a responsive fixed-width container.
.container
Classes to add a full-width container spanning the viewport.
.container-fluid
A system built with flexbox that allows up to 12 columns across the page.
Bootstrap grid system
Classes like .col-sm-, .col-md-, and .col-lg-* to specify column behavior at breakpoints.
Grid classes
Padding between columns, controllable via .g-, .gx- and .gy-* classes.
Gutters
A utility prefix for setting the CSS display property (e.g., .d-block, .d-flex).
.d-{value}
A shorthand notation for margin and padding utilities (m- for margin, p- for padding).
Spacing utilities
Side-specific spacing utility suffix for top, bottom, start, end, x-axis, or y-axis.
-{t|b|s|e|x|y}
A size scale for spacing utilities, where 0 = 0, 1 = .25rem, up to 5 = 3rem or auto.
Spacing scale
A class that makes images scale with parent width by applying max-width:100% and height:auto.
.img-fluid
A class that adds a border and some padding to display an image as a thumbnail.
.img-thumbnail
A group of related form elements, including inputs, selects, checks, radios, ranges, and input groups.
Forms
A component that groups a set of buttons together.
Button group
A component for showing linked breadcrumb navigation.
Breadcrumb
A component for overlaying content as a carousel of images or slides.
Carousel
A lightweight popup box for secondary information, positioned over the page.
Modal
A component for toggling hidden content, triggered by buttons or links.
Collapse
A component for grouping and styling list items.
List group