Dreamweaver Bootstrap Wrapping Text Around Images

Dreamweaver Bootstrap Wrapping Text Around Images

Welcome to Dreamweaver Bootstrap Wrapping Text Around Images. Many people say that all Bootstrap web pages look the same. That is because most of the time they are created with single rows of content. To move beyond the pack with your design, you may consider  Wrapping Text Around Images. When you use the techniques of  Wrapping Text Around Images you add a whole different look to any Bootstrap page.

Dreamweaver Bootstrap Wrapping Text Around ImagesIn this video, “ Wrapping Text Around Images,” we are preparing for the two following videos where we will create a stacked, vertical menu and then hide that menu on smaller devices in the video after that.

A couple of side issues popped up on the way to creating this video, “ Wrapping Text Around Images.” One issue was that the nav bar across the top of the page was cover our image and the h1 tag at the very top of the page. We address this issue and take care of that showing you the way.

Another side note in the video, “ Wrapping Text Around Images,” was the issue of adding some Lorem Ipsum text. If you haven´t seen this done before in Dreamweaver, this is a quick and handy way to add as much text as you would like with a simple key stroke.

Specificity for this video, “ Wrapping Text Around Images,” we had to write some very, super special CSS and wrap our image into this code, all the while maintaining the images aspect ratio proportions ( width and height scaling ) in tact.

Finally, in our video, we save this magical code as a Dreamweaver Code Snippet so that we can use the code again and again and again, forever and ever.

Enjoy the Video, “Dreamweaver Bootstrap Wrapping Text Around Images.”

1 + 5 =