In CS6 when you use the Flexible Grid, you can choose to see the underlying column structure. This seems to be missing in the Dreamweaver CC 2017 version. At least i can't find a way to see the columns underneath the website live view. So is there a way to do this, or maybe an add on that would provide this?
And also is there a way to edit the size of a responsive image within Dreamweaver?
I've never needed guides with Bootstrap. All you have to remember is the 12-box grid. Column classes add up to 12 or less. If they exceed 12 then they naturally break to the next row.
As an example, this is 2 columns on tablets and 4 columns on desktops. 2 x 6 = 12, 4 x 3 = 12.
<div class="row">
<div class="col-sm-6 col-md-3">
column 1
</div>
<div class="col-sm-6 col-md-3">
column 2
</div>
<div class="col-sm-6 col-md-3">
column 3 (on tablets this will break to 2nd row)
</div>
<div class="col-sm-6 col-md-3">
column 4
</div>
</div>
Since Bootstrap width is all based on percentage & not pixels, column width varies.
Nancy
Already have an account? Login
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
AdChoices