html body { margin-top: 50px !important; } #top_form { position: fixed; top:0; left:0; width: 100%; margin:0; z-index: 2100000000; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; border-bottom:1px solid #151515; background:#FFC8C8; height:45px; line-height:45px; } #top_form input[name=url] { width: 550px; height: 20px; padding: 5px; font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; border: 0px none; background: none repeat scroll 0% 0% #FFF; }
tags. Within the add tags and tags to reference the Bootstrap CSS files. Then within the add content and customize styles using Bootstrap classes.">
Scribd Logo
Upload

Welcome to Scribd!

  • 31 views

    HTML5 Self Study

    Uploaded by

    Jeet Das
    To integrate Bootstrap with HTML5, first download Bootstrap from getbootstrap.com or include it via CDN. Bootstrap contains CSS and JavaScript files that provide a mobile-first responsive framework. Write the basic HTML structure with <head> and <body> tags. Within the <head> add <meta> tags and <link> tags to reference the Bootstrap CSS files. Then within the <body> add content and customize styles using Bootstrap classes.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd

    HTML5 Self Study

    Uploaded by

    Jeet Das
    31 views5 pages
    To integrate Bootstrap with HTML5, first download Bootstrap from getbootstrap.com or include it via CDN. Bootstrap contains CSS and JavaScript files that provide a mobile-first responsive framework. Write the basic HTML structure with <head> and <body> tags. Within the <head> add <meta> tags and <link> tags to reference the Bootstrap CSS files. Then within the <body> add content and customize styles using Bootstrap classes.

    Original Description:

    Bootstrap presentation

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    To integrate Bootstrap with HTML5, first download Bootstrap from getbootstrap.com or include it via CDN. Bootstrap contains CSS and JavaScript files that provide a mobile-first responsive framework. Write the basic HTML structure with <head> and <body> tags. Within the <head> add <meta> tags and <link> tags to reference the Bootstrap CSS files. Then within the <body> add content and customize styles using Bootstrap classes.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    31 views5 pages

    HTML5 Self Study

    Uploaded by

    Jeet Das
    To integrate Bootstrap with HTML5, first download Bootstrap from getbootstrap.com or include it via CDN. Bootstrap contains CSS and JavaScript files that provide a mobile-first responsive framework. Write the basic HTML structure with <head> and <body> tags. Within the <head> add <meta> tags and <link> tags to reference the Bootstrap CSS files. Then within the <body> add content and customize styles using Bootstrap classes.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    You are on page 1of 5

    Integrating Bootstrap With HTML5

    What is Bootstrap ?

    • Bootstrap is HTML, CSS, and JavaScript framework to


    create mobile-first, responsive websites. So, it is a
    framework that contains HTML and CSS-based design
    templates.
    • It uses the HTML and CSS markup for content and styles
    and has custom jQuery plugins to give behavior to the
    site.
    How to Use Bootstrap with HTML?

    To begin with Bootstrap, first, we need to have Bootstrap installed on our


    computer. we can download Bootstrap from getbootstrap.com or include
    Bootstrap via CDN if we don't want to download Bootstrap locally.

    bootstrap/
    ├── css/
    │ ├── bootstrap.css
    │ ├── bootstrap.css.map
    │ ├── bootstrap.min.css
    │ └── bootstrap.min.css.map
    └── js/
    ├── bootstrap.js
    └── bootstrap.min.js
    Embedding Bootstrap in HTML5 document
    Write the basic structure of HTML markup. This should look like this.

    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    </head>
    <body>

    </body>
    </html>

    In between the <head> and </head> tags is where we will write the <meta>
    tags and the <link> tags. The content of the website is written within the <body>
    tags.
    THANK YOU

    You might also like