Bootstrap is a front-end framework that was created by developers at Twitter to facilitate responsive web design. It uses HTML, CSS and JavaScript for layouts that dynamically adapt to different screen sizes and devices. Bootstrap provides pre-defined styles, grids and components that help build responsive mobile-first websites. It originated as an idea at a Moodle conference and was integrated into the Moodle core in version 2.5.

1. What is
Bootstrap?
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!
http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Education
www.pukunui.com / info@pukunui.com
Phone: 1300 466 635 or +61 8 9328 4545

2. This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!
http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Education
www.pukunui.com / info@pukunui.com
Phone: 1300 466 635 or +61 8 9328 4545

3. Created by Twitter
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!
http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Education
www.pukunui.com / info@pukunui.com
Phone: 1300 466 635 or +61 8 9328 4545

4. What is a Bootstrap?
Framework
HTML5
CSS3
Javascript
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!
http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Education
www.pukunui.com / info@pukunui.com
Phone: 1300 466 635 or +61 8 9328 4545

5. One Source
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!
http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Education
www.pukunui.com / info@pukunui.com
Phone: 1300 466 635 or +61 8 9328 4545

6. Responsive
Design
V
Adaptive
Design
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!
http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Education
www.pukunui.com / info@pukunui.com
Phone: 1300 466 635 or +61 8 9328 4545

7. AWD or RWD
Both allow websites to be viewed in
mobile devices and various screen
sizes, ultimately providing users with
a better mobile user experience
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!
http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Education
www.pukunui.com / info@pukunui.com
Phone: 1300 466 635 or +61 8 9328 4545

8. Adaptive Web Design
a series of pre-defined layouts
for fixed browser widths
Demo of Adaptive
http://centerofgravity.ca/
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!
http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Education
www.pukunui.com / info@pukunui.com
Phone: 1300 466 635 or +61 8 9328 4545

9. Responsive Web Design
the layout fluidly changes and
responds to fit any screen or
device size
Demo of Responsive
http://www.includewine.com/
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!
http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Education
www.pukunui.com / info@pukunui.com
Phone: 1300 466 635 or +61 8 9328 4545

10. Built on the Grid
a layout of 12 columns that
adapt content based on
the screen resolution of the user
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!
http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Education
www.pukunui.com / info@pukunui.com
Phone: 1300 466 635 or +61 8 9328 4545

11. Bootstrap Provides
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!
http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Education
www.pukunui.com / info@pukunui.com
Phone: 1300 466 635 or +61 8 9328 4545

12. Helper Classes
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!
http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Education
www.pukunui.com / info@pukunui.com
Phone: 1300 466 635 or +61 8 9328 4545

13. So what about
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!
http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Education
www.pukunui.com / info@pukunui.com
Phone: 1300 466 635 or +61 8 9328 4545

14. Bootstrap
history
idea first dreamt up by users
at a UK/Ireland MoodleMoot
Developers involved in the Moodle 2.4 theme
• Bas Brands: Freelance Developer.
• David Scotson: Developer at Glasgow university.
• Stuart Lamour: Developer at Sussex university.
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!
http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Education
www.pukunui.com / info@pukunui.com
Phone: 1300 466 635 or +61 8 9328 4545

15. Integrated into
core in
2.5
Current uses Bootstrap v2.3.2
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!
http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Education
www.pukunui.com / info@pukunui.com
Phone: 1300 466 635 or +61 8 9328 4545

16. This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!
http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Education
www.pukunui.com / info@pukunui.com
Phone: 1300 466 635 or +61 8 9328 4545

17. This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!
http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Education
www.pukunui.com / info@pukunui.com
Phone: 1300 466 635 or +61 8 9328 4545

18. This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!
http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Education
www.pukunui.com / info@pukunui.com
Phone: 1300 466 635 or +61 8 9328 4545

19. HANDS ON SESSION
Facilitating Education
www.pukunui.com / info@pukunui.com
Phone: 1300 466 635 or +61 8 9328 4545

20. Sample Sites
http://online.evet.qld.edu.au/
http://features.demo.moodle.com.au/
http://2014.imoot.org
Facilitating Education
www.pukunui.com / info@pukunui.com
Phone: 1300 466 635 or +61 8 9328 4545

21. Thank you for coming
Presenter: Julian Ridden
Email: julian@pukunui.com
Twitter: @moodleman
Blog: http://moodleman.net
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!
http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Education
www.pukunui.com / info@pukunui.com
Phone: 1300 466 635 or +61 8 9328 4545