Bootstrap (web front-end CSS framework)

Source: Internet
Author: User
Tags css preprocessor

Official definition:

    • Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the Web.
    • That is: Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive layouts, mobile device-first WEB projects.

Encyclopedia definition:

  • Introduction: Bootstrap is an open-source toolkit for front-end development launched by Twitter and is a css/html framework . Bootstrap provides elegant HTML and CSS specifications, which are written by the dynamic CSS language less.
  • Features: Bootstrap is based on the jquery framework , which has been developed on the basis of the jquery framework to be more personalized and humane, to form a set of its own unique website style, and compatible with most jquery plugins.
  • components: The bootstrap contains a rich set of Web Components that allow you to quickly build a beautiful, fully functional website. These include the following components: Drop -down menus, button groups, button drop-down menus, navigation, navigation bars, breadcrumbs, pagination, typography, thumbnails, warning dialogs, progress bars, media objects, and more.
  • JS components: Bootstrap comes with 13 jquery plugins that give life to the components in bootstrap. This includes: modal dialogs, tabs, scroll bars, pop-up boxes, and more.
  • You can customize your own framework code: You can modify all of the CSS variables in bootstrap to tailor the code to your own needs.
  • Bootstrap Less: Less is a CSS preprocessor that makes CSS dynamic. On the other hand, Bootstrap is a fast-developing toolkit for WEB apps and sites. This allows you to use the Bootstrap less variable, mixins (blend), and nesting (nested) in the CSS.

Learn ing ...

1, what? Bootstrap is a front-end framework for rapid development of Web applications and Web sites. Bootstrap is based on HTML, CSS, and JAVASCRIPT .

2, why?

      • mobile device First : Since Bootstrap 3, the framework includes a mobile device-first style throughout the library.
      • browser support : Bootstrap is supported by all major browsers.

      • Easy to get started: As long as you have the basic knowledge of HTML and CSS, you can start learning Bootstrap.
      • Responsive Design : Bootstrap's responsive CSS adapts to desktops, tablets and phones.
      • It provides a simple and unified solution for developers to create interfaces.
      • It contains powerful built-in components that are easy to customize.
      • It also provides WEB-based customization.
      • It's open-source.

3, how?

      • basic Structure : Bootstrap provides a basic structure with a grid system, a link style, and a background .
      • CSS: Bootstrap comes with the following features: Global CSS settings, defining basic HTML element styles, extensible class, and an advanced grid system.
      • component : Bootstrap contains more than 10 reusable components for creating images, drop-down menus, navigation, warning boxes, pop-up boxes, and more.
      • JavaScript plugin : Bootstrap contains more than 10 custom JQuery plugins. You can include all of the plugins directly, or you can include them individually.
      • Customization : You can customize Bootstrap components, less variables, and jQuery plugins to get your own version.

To learn, please visit: w3cschool:bootstrap provides tutorials

Bootstrap (web front-end CSS framework)

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.