Girls Go IT -- Day 6 Training 2 -- Bootstrap integration
0 likes262 views
More bootstrap. Integrating to Python Flask.
![Bootstrap Grid Layout.
Clasa are formatul: col-<size>-<N>
size: xs, sm, md, lg
N: [1, 12]](https://image.slidesharecdn.com/d6l2-bootstrap-integration-150826074637-lva1-app6892/85/Girls-Go-IT-Day-6-Training-2-Bootstrap-integration-15-320.jpg)
Girls Go IT -- Day 6 Training 2 -- Bootstrap integration
- 1. Girls Go IT 2015 Bootstrap Integration Mihai Iachimovschi @mishunika mihai.iachimovschi@gmail.com
- 2. Intro. Bine ai revenit! - Responsive web; - Bootstrap Grid Layout; - Jinja2.
- 3. Am pomenit c Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile 鍖rst projects on the web. getbootstrap.com
- 4. Ce-i aia Responsive Web? Reutilizarea i extinderea modelelor web. A scrie o dat i a rula oriunde! 息 Sun Microsystems
- 5. De fapt Iat ce 樽nseamn Responsive Web Design:
- 6. Desktop.
- 8. Mobile 鍖rst? - O interfa g但ndit de la 樽nceput pentru mobile are deobicei calitate mai bun; - Se analizeaz toate detaliile de jos 樽n sus; - Micoreaz cantitatea de cod rescris.
- 10. 皆界鞄庄艶温噛!
- 13. Instrument util. Pentru a 樽nelege mai bine Grid Layout exist o aplicaie web interesant: http://responsify.it/
- 14. Prototipare. - Prototipeaz pe h但rtie - Utilizeaz caiet de matematic - Utilizeaz ptrelele ca grid
- 15. Bootstrap Grid Layout. Clasa are formatul: col-<size>-<N> size: xs, sm, md, lg N: [1, 12]
- 16. Media Queries.
- 18. Bootstrap 樽n Flask? - Putem 樽ncrca Bootstrap de pe CDN; - Vom utiliza modulul Flask-Bootstrap; - Vom extinde layout-ul de baz din acest modul; - {% extends "bootstrap/base.html" %}
- 19. Hai s integrm!