Scribd Logo
Upload

Welcome to Scribd!

  • Bootstrap 4: Hummera Akram S2017105008

    Uploaded by

    train heartnet
    4 views7 pages
    Presentation on Bootstrap

    Original Title

    Bootstrap 3

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Presentation on Bootstrap

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pptx, pdf, or txt
    4 views7 pages

    Bootstrap 4: Hummera Akram S2017105008

    Uploaded by

    train heartnet
    Presentation on Bootstrap

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pptx, pdf, or txt
    of 7

    BOOTSTRAP 4

    HUMMERA AKRAM S2017105008

    1
    WHAT IS BOOTSTRAP?

    • Bootstrap is the most popular HTML, CSS, and JavaScript framework for
    developing responsive, mobile-first websites.
    • Basically front-end framework for UI’s and themes
    • Versions:
    • Bootstrap 3
    • Bootstrap 4
    • Bootstrap 5 (Alpha) released on 29 sep 2020

    2
    BOOTSTRAP

    • Browser Support: It is supported by all popular browsers.


    • Bootstrap is famous for being developed with components that can
    follow the property of responsive designs.
    • Responsive Design is about using CSS and HTML to resize, hide,
    shrink, enlarge, or move the content to make it look good on any
    screen.
    • Responsive Design allow your page works for computer, tablets
    and cell phones.
    3
    4

    RESPONSIVE META TAG

    Bootstrap is developed mobile first, a strategy in which we optimize code for


    mobile devices first and then scale up components as necessary using CSS media
    queries. To ensure proper rendering and touch zooming for all devices, add the
    responsive viewport meta tag to your <head>.
    •  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-
    to-fit=no">
    5
    HTML/CSS COMPONENTS & HELPERS

    • Navbar & Dropdowns


     Wells & Panels

    • Jumbotron
     Pagination

    • Alerts & progress Bars


     Thumbnails

    • Form & Input


     Tables

    • Buttons & Links


     Grid System

    • Labels & Badges


     Responsive Utilities

    • Icons
    • List Groups
    6
    JAVASCRIPT WIDGETS & HELPERS

    • Transitions
    • Modals
    • Dropdowns
    • Tabs
    • Carousel / Slider
    • Alerts
    • Popovers
    • Tooltips
    • Collapsible Elements 7

    You might also like