Bootstrap Introduction tutorial

 <!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Introduction</title>
</head>

<body>
    <!-- Advantages of Using Bootstrap -->
    <!-- Save lots of time, Responsive features, Consistent design, Easy to use, Compatible with browsers, Open source -->

    <!-- Bootstrap CSS Features and Component -->
    <!-- Multi-column layouts, Form layouts, Button groups, Button dropdowns, Input groups, Navs, Navbar,
    Dropdowns, Breadcrumbs, Pagination, Labels, Badges, Jumbotron, Page header, Thumbnails, Alerts,
    Progress bars, List group, Panels, Media object, Responsive embed, Wells, Glyphicons -->

    <!-- Bootstrap JS Components -->
    <!-- Modal Box, Dropdown, Scrollspy, Tab, Tooltip, Popover, Alert, Collapse, Carousel, Affix -->

    <!-- Bootstrap 3 vs. Bootstrap 4 -->
    <!-- Flexbox Layout, New components, Faster, More Responsiveness -->

    <!-- Bootstrap 4 Compability -->
    <!-- Supports all major browsers and platforms -->
    <!-- Internet Explorer 9 and down is not supported -->

    <!-- Other Popular CSS Frameworks : -->
    <!-- Materialize CSS, Foundation, Bulma, Semantic UI, Pure.CSS, Tailwind CSS, Skeleton, Uikit, Bootflat, Groundwork -->

    <!-- Prior knowledge before learning Bootstrap -->
    <!-- HTML, CSS(media query, flexbox), jQuery -->

    <!-- Software Requirement for Bootstrap -->
    <!-- HTML Editor, Web Browser, (Bootstrap CSS/JS Files) -->
</body>

</html>

Comments

Popular posts from this blog

Badge Classes in Bootstrap CSS tutorial

Modal Plugin tutorial in Bootstrap CSS

Progress Bar Classes in Bootstrap CSS tutorial