{"id":42,"date":"2022-10-10T20:40:52","date_gmt":"2022-10-10T17:10:52","guid":{"rendered":"http:\/\/zahramansoori.com\/blog\/?p=42"},"modified":"2022-10-10T22:20:42","modified_gmt":"2022-10-10T18:50:42","slug":"how-to-fix-bootstrap-5-in-dreamweaver","status":"publish","type":"post","link":"https:\/\/zahramansoori.com\/blog\/2022\/10\/10\/how-to-fix-bootstrap-5-in-dreamweaver\/","title":{"rendered":"How to fix Bootstrap 5 in Dreamweaver"},"content":{"rendered":"\n

You know, if you want to use Bootstrap in Dreamweaver, it can be automatically done.<\/p>\n\n\n\n

  1. Download bootstrap zip file from: https:\/\/getbootstrap.com<\/a>\/<\/li>
  2. Put CSS <\/strong>and JS <\/strong>folder of Bootstrap <\/strong>in your root folder<\/li>
  3. Create New Site<\/li>
  4. Create a file <\/strong>-> Select Bootstrap <\/strong>-> Attach Bootstrap.css<\/strong> file on the dialog below<\/li><\/ol>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    5. Now Dreamweaver <\/strong>automatically will add line below to header<\/strong>:<\/p>\n\n\n\n

    <link href=\"css\/bootstrap.min.css\" rel=\"stylesheet\"><\/code><\/pre>\n\n\n\n
    and these lines to footer <\/strong>of the page:<\/p>\n\n\n\n
    <script src=\"js\/jquery-3.4.1.min.js\"><\/script>\n\n<script src=\"js\/popper.min.js\"><\/script> \n<script src=\"js\/bootstrap.min.js\"><\/script><\/code><\/pre>\n\n\n\n
    Note: Some JavaScript function doesn’t work in this situation.<\/strong><\/p>\n\n\n\n
    The solution is; just change below code: <\/p>\n\n\n\n
    <script src=\"js\/popper.min.js\"><\/script>\n<script src=\"js\/bootstrap.min.js\"><\/script><\/code><\/pre>\n\n\n\n
    to:<\/p>\n\n\n\n
    <script src=\"js\/bootstrap.bundle.min.js\"><\/script>\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
    You know, if you want to use Bootstrap in Dreamweaver, it can be automatically done. Download bootstrap zip file from: https:\/\/getbootstrap.com\/ Put CSS and JS folder of Bootstrap in your root folder Create New Site Create a file -> Select Bootstrap -> Attach Bootstrap.css file on the dialog below 5. Now Dreamweaver automatically will add […]<\/p>\n","protected":false},"author":1,"featured_media":48,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,15],"tags":[9,10,12,13,11,14],"class_list":["post-42","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programming","category-web-programming","tag-bootstrap","tag-bootstrapv5","tag-css","tag-html","tag-responsivedesign","tag-webdesign"],"_links":{"self":[{"href":"https:\/\/zahramansoori.com\/blog\/wp-json\/wp\/v2\/posts\/42"}],"collection":[{"href":"https:\/\/zahramansoori.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zahramansoori.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zahramansoori.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zahramansoori.com\/blog\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":5,"href":"https:\/\/zahramansoori.com\/blog\/wp-json\/wp\/v2\/posts\/42\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/zahramansoori.com\/blog\/wp-json\/wp\/v2\/posts\/42\/revisions\/56"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zahramansoori.com\/blog\/wp-json\/wp\/v2\/media\/48"}],"wp:attachment":[{"href":"https:\/\/zahramansoori.com\/blog\/wp-json\/wp\/v2\/media?parent=42"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zahramansoori.com\/blog\/wp-json\/wp\/v2\/categories?post=42"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zahramansoori.com\/blog\/wp-json\/wp\/v2\/tags?post=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}