Bootstrap framework
Overview
Limitless web application kit is fully based on Bootstrap
framework. It includes all native Bootstrap components, grid
system, original markup (except a few components where
markup was slightly modified) and native classes. It is also
based on original Bootstrap SCSS files. Current Bootstrap
version is 5.1.0, the latest and the most
stable at the moment.
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. The framework makes front-end web development faster and easier. It's made for folks of all skill levels, devices of all shapes, and projects of all sizes.
Bootstrap easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with CSS media queries. With Bootstrap, you get extensive and beautiful documentation for common HTML elements, dozens of custom HTML and CSS components, and awesome plugins written in pure JS with no dependencies.
Bootstrap framwork has a very extensive documentation with examples and clear explanation of all utilities, styling options and components. You can read them all on its official website.
Bootstrap documentation available online on Official Bootstrap website. Below you can find different links and sources related to the framework:
| Link | Description |
|---|---|
| https://getbootstrap.com/ | Official website |
| https://github.com/twbs/bootstrap | Github project |
| https://github.com/twbs/bootstrap/issues | Issue tracker |
| https://blog.getbootstrap.com/ | Blog |
Bootstrap components
Over a dozen reusable components built to provide iconography, dropdowns, input groups, navigation, alerts, and much more. Limitless template includes (almost) all of them:
| Component | Description |
|---|---|
| Accordion | Build vertically collapsing accordions in combination with our Collapse JavaScript plugin |
| Alerts | Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages |
| Badges | Small count and labeling component. Badges
scale to match the size of the immediate
parent element by using relative font sizing
and em units |
| Breadcrumbs | Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS. |
| Buttons | Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. |
| Button dropdowns | Use any button to trigger a dropdown menu by
placing it within a .btn-group
and providing the proper menu markup |
| Button groups | Group a series of buttons together on a single line with the button group, and super-power them with JavaScript. |
| Cards | A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. If you’re familiar with Bootstrap 3, cards replace our old panels, wells, and thumbnails. Similar functionality to those components is available as modifier classes for cards. |
| Carousel | A slideshow component for cycling through elements—images or slides of text—like a carousel. |
| Close button | A generic close button for dismissing content like modals and alerts. |
| Collapse | Toggle the visibility of content across your project with a few classes and our JavaScript plugins. |
| Dropdowns | Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin. |
| Forms | Form control styles, layout options, and custom components for creating a wide variety of forms. |
| Input groups | Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs. |
| List group | List groups are a flexible and powerful component for displaying a series of content. Modify and extend them to support just about any content within. |
| Modal | Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content. |
| Navbar | Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin. |
| Navs and tabs | Navigation available in Bootstrap share
general markup and styles, from the base
.nav class to the active and
disabled states. The base .nav
component is built with flexbox and provide
a strong foundation for building all types
of navigation components. It includes some
style overrides (for working with lists),
some link padding for larger hit areas, and
basic disabled styling.
|
| Offcanvas | Build hidden sidebars into your project for navigation, shopping carts, and more with a few classes and our JavaScript plugin |
| Pagination | Component for showing pagination to indicate a series of related content exists across multiple pages |
| Placeholders | Use loading placeholders for your components or pages to indicate something may still be loading |
| Popover | Add Bootstrap popovers, like those found in
iOS, to any element on your site. Popovers
rely on the 3rd party library
Popper.js for positioning. You
must include popper.min.js
before bootstrap.js or use
bootstrap.bundle.min.js which
contains Popper.js in order for popovers to
work!
|
| Progress bars | Custom progress bars featuring support for stacked bars, animated backgrounds, and text labels. |
| Scrollspy | Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport. |
| Spinners | Indicate the loading state of a component or page with Bootstrap spinners, built entirely with HTML, CSS, and no JavaScript. |
| Toasts | Push notifications to your visitors with a toast, a lightweight and easily customizable alert message. |
| Tooltips | Custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-attributes for local title storage. |
| Tables | Opt-in styling of tables (given their prevalent use in JavaScript plugins) with Bootstrap. |