Join Jen Kramer for an in-depth discussion in this video Setting up a Dreamweaver site with Bootstrap files, part of Up and Running with Bootstrap 2.
Now that we've downloaded our copy of Bootstrap, let's get started building our first HTML…web page inside of Dreamweaver.…I'm using Dreamweaver for this particular course because I've worked with Dreamweaver…for a long time, and I'm familiar with it as an environment for editing HTML and CSS.…You certainly don't have to use Dreamweaver to accomplish what I'm going to show you here,…and in fact, we're going to be working in code view most of the time.…You're welcome to use any sort of program whatsoever that will allow you to edit HTML…and CSS files. That's what we'll be doing for the most part in this course.…
So I'm in Adobe Dreamweaver CS6, I'm in the default designer view, as you take a look at the screen here.…So if you want to make your screen look exactly like mine, over here at the top right there's…this item for Designer view. Make sure yours is set to Designer view, and then here where…you see this thing called Business Catalyst, I'm just going to go ahead and close that…whole tab group. We won't be using it in this course, and I'd like to make a little bit…
- Understanding the difference between default and fluid grids
- Nesting with fluid grids
- Creating a thumbnail gallery
- Adding block quotes and lists of text
- Incorporating images and icons
- Adding breadcrumb navigation and pagination
- Using tabs and pills navigation
- Adding dropdown menus to the nav bar, tabs, and pill
Skill Level Beginner
Q: I am trying to create the image carousels shown in this course, and they are not functioning properly. The custom.css file seems to be missing from the exercise files and I think this is the reason. Can you provide it?
<div>A: custom.css isn't created until the carousel indicators are added. However, these styles have to do with the way the indicators look, and nothinghas to do with the way the carousel functions.</div><div> </div><div>Are you sure you're working with Bootstrap 2.x? You download that from here:
<a target="_blank" href="http://getbootstrap.com/2.3.2/">http://getbootstrap.com/2.3.2/</a>. The carousel changed radically between Bootstrap 2.x and Bootstrap 3, and this course might not work with version 3.</div>