These stack differently, these stack differently. You can see it's a little bit different, some images turned off. Up until now we've been building the desktop version, but if you look at my Photoshop mock up, I've got this one on the right here, I've designed my Desktop, but I've also got what it looks like when it falls down to mobile. One is, what Responsive is, and another one is what a Media Query is. To do that we need to understand a couple of things. In this tutorial we're going to look at creating the mobile version of our website.
How to add Bootstrap components to a web page design using Dreamweaver? How to add a favicon to a website using Dreamweaverĥ2. Is it a good idea to use Dreamweavers starter templates?ĥ1. How to embed Youtube, Addthis, Disqus, Google Maps & Eventbrite on a Dreamweaver pageĥ0.
How to add embed code to a Dreamweaver siteĤ9. Production video - Tiding up the web page designĤ8. 5 things to try: An FTP error occurred - cannot make connection to hostĤ5. How to upload your Dreamweaver website using Ĥ4. Making the fonts smaller in Bootstrap mobile view using DreamweaverĤ3. How to turn images off in bootstrap mobile view using DreamweaverĤ2. How to apply bootstrap columns widths (xs sm md lg xl) in DreamweaverĤ1. Understanding how fonts change size in Bootstrap mobile viewĤ0. What are bootstrap columns widths (xs sm md lg xl) in Dreamweaverģ9. How to create the responsive mobile view using media queries in Dreamweaverģ8.
Production video - Creating the portfolio boxes in Bootstrapģ7. How to absolutely position text in Dreamweaverģ6. How to create a CSS background image in Dreamweaverģ5. How to make a CSS compound selector in Dreamweaverģ4. Answer - How to remove the nav bar line from Bootstrap.ģ3. How to customise Bootstrap nav bar using Dreamweaver's code navigatorģ2. How to add a Bootstrap navbar using Dreamweaver?ģ1. Backup your Dreamweaver website as you goģ0. How to change html link color in DreamweaverĢ9. Production Video - Fonts Linking pages in Dreamweaver using hyperlinksĢ7. Picking fonts in Dreamweaver using Google fontsĢ6. How to edit CSS using Dreamweaver 2015?Ģ4. Production video - Nesting Bootstrap fluid containersĢ3. How to center images in Dreamweaver using Bootstrap (.center-blox)Ģ0. Nesting Bootstrap containers inside each otherġ9. Previewing and testing your website with Dreamweaver device previewġ8. Production video - Adding more Bootstrap columns & rowsġ7. How to add Bootstrap columns & rows in Dreamweaverġ6. Production video - Creating our fluid containers using Dreamweaverġ5. How to insert using Dreamweaver’s Before, After, Wrap, or Nest optionsġ4. Adding Bootstrap containers & creating our first custom CSSġ3. How to basic page information to a web page (meta tags)?ġ2.
How to install bootstrap using Dreamweaver?ĩ. Exercise files, completed projects & production videosĨ.