Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Twitter Bootstrap

Avatar for Mohamed Loey Mohamed Loey
September 26, 2014

Twitter Bootstrap

Avatar for Mohamed Loey

Mohamed Loey

September 26, 2014
Tweet

More Decks by Mohamed Loey

Other Decks in Education

Transcript

  1. AgeNdA  Part I: Introduction  What is Bootstrap ?

     Why Bootstrap ?  How to Install Bootstrap ?  HTML Form without Bootstrap on Browser  HTML Form with Bootstrap on Browser  Bootstrap Code
  2. WHAt Is BootstrAp ?  Bootstrap is the most popular

    HTML, CSS, and Javascript framework for developing.  Bootstrap was developed by Mark Otto  Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter as a framework
  3. WHy BootstrAp ?  Bootstrap is open source. It's hosted,

    developed, and maintained on GitHub.  One framework, every device.
  4. WHy BootstrAp ?  Full of features o With Bootstrap,

    you get extensive and beautiful documentation for common HTML elements, and CSS components, HTML elements, and CSS components, and awesome jQuery plugins. o Easy for developer
  5. HoW to INstALL BootstrAp ?  Download the Bootstrap framework

    from http://getbootstrap.com/  Extract Bootstrap.zip
  6. HoW to INstALL BootstrAp ?  You will have two

    important folders CSS => bootstrap.css JS => bootstrap.js JS => bootstrap.js  Import two file bootstrap.css & bootstrap.js to your website like this:
  7. AgeNdA  Part II: Bootstrap Components  Grid Layout 

    Buttons Labels  Labels  Badges  Icons  Progress bars  Tabs  Pills