Page using bootstrap gets totally messed up in design mode but is fine in live preview and browser

Question

I'm trying to edit a website using bootstrap in DW.

Sadly the layout gets totally messed up in design mode, while it looks nice both in live preview and the browser.

This would be fine for me. But my friend relies on using the drag and drop/ WYSIWYG features of DW's design mode. Sadly, with a design mode that hardly resembles the actual page, that's just a mess.

Are there any known issues with that? What can I do, such that the design mode looks like the actual webpage?

I'ts an old website, the pages got their responsiveness retrofitted, if that's relevant.

Nancy OShea · Accepted Answer

Bootstrap is responsive. As such, you should use Live View or Preview in Browsers. Design View is a holdover from the bad old days when everyone used tables for layouts. It's far from perfect.

evas6672317 wrote
But my friend relies on using the drag and drop/ WYSIWYG features of DW's design mode.

DW Design View is not a WYSIWYG editor. Basic coding skills are essential, especially with Bootstrap.

WolfShade · Answer

Adobe's built-in "browser" for Design View doesn't meet the same standards as actual browsers, and cannot be relied upon.

And drag-n-drop methods are fine to a point, but as Nancy OShea has pointed out, a rudimentary grasp of HTML, CSS, and JavaScript is essential to delivering solid code to a project.

V/r,

^ _ ^

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded