DMXzone Bootstrap Support Product Page
Under investigation
bootstrap 1.01 places css/javascript above <doctype> tag when dreamweaver template
Reported 16 Jul 2013 04:41:12
1
has this problem
16 Jul 2013 04:41:12 Stephanie Sullivan posted:
Hi,When I try to combine a bootstrap design with creating a dreamweaver template I get problems with code above the <doctype> tag. By default this code will not get copied to pages if the template updates. Further, it's not valid for the code to be there (alas w3 validator).
Further these appear to be duplicates of lines of code correctly within the <html><head> tags.
I can reliably create this by starting with a bootstrap page, Saving it, then creating an editable region, then saving the file as a template.
I think this would be a good thing to fix. I hope it's an easy one for you. Otherwise I think it's a great extension.
Here is a snippet showing what I see. I'm using dreamweaver CS5.5 with all updates.
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css" /> <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-responsive.css" /> <script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script> <script type="text/javascript" src="bootstrap/js/bootstrap.js"></script> <!DOCTYPE html> <html lang="en"><!-- InstanceBegin template="/Templates/base.dwt" codeOutsideHTMLIsLocked="false" --> <head> <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css" /> <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-responsive.css" /> <script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script> <script type="text/javascript" src="bootstrap/js/bootstrap.js"></script> <meta charset="utf-8">
Replies
Replied 16 Jul 2013 06:32:12
16 Jul 2013 06:32:12 Teodor Kuduschiev replied:
Hello,
Please make sure you have an editable region named "head" in your head tags. This way Dreamweaver will place the includes inside the head tags.
Please make sure you have an editable region named "head" in your head tags. This way Dreamweaver will place the includes inside the head tags.
Replied 16 Jul 2013 12:16:05
16 Jul 2013 12:16:05 Stephanie Sullivan replied:
isn't that wierd. Adding the "head" editable region resolves this issue completely. Every non-bootstrap based template (this also happens on CS6) automagically gets a "head" editable region.
When I created a template from the bootstrap file, no "head" editable region was automagically created. Instead there was an editable region called "metaRegion", one created called "styleRegion" but no region called "head".
FYI I'm using the latest update of CS5.5 on windows XP (still) and bootstrap 1.1.0. I also have bootstrap elements V1.1 installed.
This appears to only happen when I'm converting a bootstrap page to template. Isn't that a bug (thankfully easy to work around) either in bootstrap or dreamweaver?
Also, another question: should the bootstrap css/js link/script be above the "<meta charset="utf-8">" tag?
Thank you very much for your very quick and helpful response. It's a very interesting workaround.
When I created a template from the bootstrap file, no "head" editable region was automagically created. Instead there was an editable region called "metaRegion", one created called "styleRegion" but no region called "head".
FYI I'm using the latest update of CS5.5 on windows XP (still) and bootstrap 1.1.0. I also have bootstrap elements V1.1 installed.
This appears to only happen when I'm converting a bootstrap page to template. Isn't that a bug (thankfully easy to work around) either in bootstrap or dreamweaver?
Also, another question: should the bootstrap css/js link/script be above the "<meta charset="utf-8">" tag?
Thank you very much for your very quick and helpful response. It's a very interesting workaround.