responsive websites with joomla 3 & bootstrap - joomla!day uk 2013
DESCRIPTION
Create your own responsive website with Joomla 3 & Bootstrap.TRANSCRIPT
![Page 1: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/1.jpg)
Responsive websites with Joomla 3 & BootstrapJoomla!Day UK - October 6th, 2013
Sander Potjer - @sanderpotjer
![Page 2: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/2.jpg)
Responsive websites with Joomla 3 & BootstrapJoomla!Day UK - October 6th, 2013
Sander Potjer - @sanderpotjer
![Page 3: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/3.jpg)
Responsive websites with Joomla 3 & BootstrapJoomla!Day UK - October 6th, 2013
Sander Potjer - @sanderpotjer
![Page 4: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/4.jpg)
Responsive websites with Joomla 3 & BootstrapJoomla!Day UK - October 6th, 2013
Sander Potjer - @sanderpotjer
![Page 5: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/5.jpg)
Responsive websites with Joomla 3 & BootstrapJoomla!Day UK - October 6th, 2013
Sander Potjer - @sanderpotjer
![Page 6: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/6.jpg)
Responsive websites with Joomla 3 & BootstrapJoomla!Day UK - October 6th, 2013
Sander Potjer - @sanderpotjer
![Page 7: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/7.jpg)
Responsive websites with Joomla 3 & BootstrapJoomla!Day UK - October 6th, 2013
Sander Potjer - @sanderpotjer
![Page 8: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/8.jpg)
Responsive websites with Joomla 3 & BootstrapJoomla!Day UK - October 6th, 2013
Sander Potjer - @sanderpotjer
![Page 9: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/9.jpg)
Responsive websites with Joomla 3 & BootstrapJoomla!Day UK - October 6th, 2013
Sander Potjer - @sanderpotjer
![Page 10: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/10.jpg)
Responsive websites with Joomla 3 & BootstrapJoomla!Day UK - October 6th, 2013
Sander Potjer - @sanderpotjer
![Page 11: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/11.jpg)
Responsive websites with Joomla 3 & BootstrapJoomla!Day UK - October 6th, 2013
Sander Potjer - @sanderpotjer
![Page 12: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/12.jpg)
Responsive websites with Joomla 3 & BootstrapJoomla!Day UK - October 6th, 2013
Sander Potjer - @sanderpotjer
![Page 13: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/13.jpg)
Responsive websites with Joomla 3 & BootstrapJoomla!Day UK - October 6th, 2013
Sander Potjer - @sanderpotjer
![Page 14: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/14.jpg)
Responsive websites with Joomla 3 & BootstrapJoomla!Day UK - October 6th, 2013
Sander Potjer - @sanderpotjer
![Page 15: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/15.jpg)
Responsive websites with Joomla 3 & BootstrapJoomla!Day UK - October 6th, 2013
Sander Potjer - @sanderpotjer
![Page 16: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/16.jpg)
Responsive websites with Joomla 3 & BootstrapJoomla!Day UK - October 6th, 2013
Sander Potjer - @sanderpotjer
![Page 17: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/17.jpg)
Responsive websites with Joomla 3 & BootstrapJoomla!Day UK - October 6th, 2013
Sander Potjer - @sanderpotjer
ACL Manager
JoomlaCommunity.eu
Perfect Web Team
Joomla!Days The Netherlands
Joomla Community Leadership member
Dutch JUG’s
Stichting Sympathy
![Page 18: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/18.jpg)
http://www.slideshare.net/sanderpotjer/
![Page 19: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/19.jpg)
Code: http://sanderpotjer.github.io/jbr/
![Page 20: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/20.jpg)
![Page 21: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/21.jpg)
Basic template installation
![Page 22: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/22.jpg)
Basic template installation
![Page 23: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/23.jpg)
Basic template installation
![Page 24: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/24.jpg)
Basic template installation
![Page 25: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/25.jpg)
Basic template installation
![Page 26: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/26.jpg)
Bootstrap & Joomla JUI
![Page 27: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/27.jpg)
Bootstrap & Joomla JUI
![Page 28: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/28.jpg)
Bootstrap & Joomla JUI
Joomla User Interface (JUI) Library
![Page 29: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/29.jpg)
Bootstrap & Joomla JUI | index.php
![Page 30: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/30.jpg)
Bootstrap & Joomla JUI | index.php
![Page 31: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/31.jpg)
Bootstrap & Joomla JUI | index.php
![Page 32: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/32.jpg)
Bootstrap & Joomla JUI | index.php
![Page 33: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/33.jpg)
Modulepositions
![Page 34: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/34.jpg)
Modulepositions | index.php
![Page 35: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/35.jpg)
Modulepositions | index.php
![Page 36: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/36.jpg)
Modulepositions
![Page 37: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/37.jpg)
![Page 38: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/38.jpg)
Bootstrap-size & Icons
![Page 39: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/39.jpg)
Bootstrap-size & Icons | index.php
![Page 40: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/40.jpg)
Bootstrap-size & Icons
![Page 41: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/41.jpg)
Bootstrap-size & Icons
![Page 42: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/42.jpg)
Bootstrap-size & Icons | index.php
![Page 43: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/43.jpg)
Bootstrap-size & Icons
![Page 44: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/44.jpg)
Bootstrap-size & Icons
![Page 45: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/45.jpg)
Bootstrap-size & Icons
![Page 46: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/46.jpg)
Bootstrap-size & Icons
jui.kyleledbetter.com
![Page 47: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/47.jpg)
Module override
![Page 48: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/48.jpg)
Module-override
![Page 49: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/49.jpg)
Module-override | html/modules.php
![Page 50: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/50.jpg)
Module-override | html/modules.php
![Page 51: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/51.jpg)
Module-override | html/modules.php
<div class=”span4”>
![Page 52: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/52.jpg)
Module-override | html/modules.php
![Page 53: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/53.jpg)
Module-override | html/modules.php
<h3><span class=”icon-cube”></span>...</h3>
![Page 54: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/54.jpg)
Module-override | index.php
![Page 55: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/55.jpg)
Module-override | index.php
![Page 56: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/56.jpg)
Module-override | index.php
![Page 57: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/57.jpg)
Module-override
![Page 58: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/58.jpg)
Header-module
![Page 59: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/59.jpg)
![Page 60: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/60.jpg)
Header-module
![Page 61: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/61.jpg)
Header-module
![Page 62: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/62.jpg)
Header-module
![Page 63: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/63.jpg)
Header-module
![Page 64: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/64.jpg)
Contact-module
![Page 65: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/65.jpg)
![Page 66: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/66.jpg)
Contact-module | custom output
![Page 67: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/67.jpg)
Contact-module
![Page 68: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/68.jpg)
Contact-module | custom output
span3
![Page 69: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/69.jpg)
Contact-module | custom output
span3 span3
![Page 70: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/70.jpg)
Contact-module | custom output
span3 span3 span6
![Page 71: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/71.jpg)
Contact-module | custom output
span3 span3 span6
![Page 72: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/72.jpg)
Contact-module | custom output
span4 span4 span4
![Page 73: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/73.jpg)
![Page 74: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/74.jpg)
Contact-module
![Page 75: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/75.jpg)
Contact-module | custom output
![Page 76: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/76.jpg)
Contact-module
![Page 77: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/77.jpg)
Menu
![Page 78: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/78.jpg)
![Page 79: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/79.jpg)
Menu
![Page 80: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/80.jpg)
Menu
![Page 81: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/81.jpg)
Menu
![Page 82: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/82.jpg)
Menu
![Page 83: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/83.jpg)
Menu | index.php
![Page 84: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/84.jpg)
Menu | index.php
![Page 85: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/85.jpg)
Menu | index.php
![Page 86: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/86.jpg)
Menu | index.php
![Page 87: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/87.jpg)
Menu | index.php
![Page 88: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/88.jpg)
ScrollSpy
![Page 89: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/89.jpg)
ScrollSpy
![Page 90: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/90.jpg)
ScrollSpy
![Page 91: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/91.jpg)
ScrollSpy | index.php
![Page 92: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/92.jpg)
ScrollSpy | index.php
![Page 93: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/93.jpg)
ScrollSpy | index.php
![Page 94: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/94.jpg)
ScrollSpy
![Page 95: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/95.jpg)
Finishing touch
![Page 96: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/96.jpg)
Finishing touch | css/template.css
![Page 97: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/97.jpg)
And here we are...
![Page 98: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/98.jpg)
![Page 99: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/99.jpg)
Responsive?
![Page 100: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/100.jpg)
Responsive!
![Page 101: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/101.jpg)
Responsive!
![Page 102: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/102.jpg)
Responsive!
![Page 103: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/103.jpg)
Responsive!
![Page 105: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/105.jpg)
More information
Bootstrap: http://www.getbootstrap.com/2.3.2/
Joomla JUI & Icons: http://jui.kyleledbetter.com
Workshop code: http://sanderpotjer.github.io/jbr/
(small) Book suggestion: http://www.packtpub.com/twitter-bootstrap-web-development/book
Bootstrap styles for JCE editor: http://www.deweso.com/home/137-blog-international/154-making-better-use-of-bootstrap-with-the-jce-editor-css-download.html
![Page 106: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/106.jpg)
Bonus
![Page 107: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/107.jpg)
Portfolio
![Page 108: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/108.jpg)
Portfolio
![Page 109: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/109.jpg)
Portfolio
![Page 110: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/110.jpg)
Portfolio
![Page 111: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/111.jpg)
Portfolio
![Page 112: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/112.jpg)
Portfolio
![Page 113: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/113.jpg)
Portfolio
![Page 114: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/114.jpg)
Portfolio
![Page 115: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/115.jpg)
Portfolio | html/com_weblinks/category/default.php
![Page 116: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/116.jpg)
Portfolio | html/com_weblinks/category/default.php
![Page 117: Responsive websites with Joomla 3 & Bootstrap - Joomla!Day UK 2013](https://reader034.vdocuments.us/reader034/viewer/2022051412/54c72ff64a7959e7698b45da/html5/thumbnails/117.jpg)
Portfolio | html/com_weblinks/category/default.php