Skip to main content
Brian K. Ross
Brian K. Ross
Participating Frequently
December 29, 2018
Answered

[Locked] Bootstrap 4.2.1?

  • December 29, 2018
  • 2 replies
  • 1840 views

Hello!

Since DW 19.0 uses Bootstrap 4.0 are there any issues if I download Bootstrap 4.2.1 (compiled CSS and JS) and use this instead? I'd put BS 4.2.1 files along side 4.0 files and delete 4.0 files.

Sorry if this is a dumb question, I'm fairly new to DW and BS.

- Brian

    This topic has been closed for replies.
    Correct answer Paul-M

    If its a new website - fine, crack on.

    If its an existing website built on Bootstrap 4.0 and you want to upgrade from 4.0 to 4.21 - don't delete the existing Bootstrap files , instead rename them (as a precaution).

    The main bulk of changes between the two versions are fixes I think, but be still be aware of any changes from 4.0 to 4,21 in case you run into any issues.

    View the full discussion

    2 replies

    BenPleysier
    Community Expert
    BenPleysierCommunity Expert
    Community Expert
    December 29, 2018

    Rather than having the files locally, I would use the CDN for various reasons, one being that it is easy to do a find and replace site wide when a new version of Bootstrap makes its appearance.

    The following starter template shows the CDN at work.

    <!doctype html>
    <html lang="en">
      <head>
       <!-- Required meta tags -->
       <meta charset="utf-8">
       <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

       <!-- Bootstrap CSS -->
       <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">

       <title>Hello, world!</title>
      </head>
      <body>
       <h1>Hello, world!</h1>

       <!-- Optional JavaScript -->
       <!-- jQuery first, then Popper.js, then Bootstrap JS -->
       <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
       <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
       <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
      </body>
    </html>
    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    Brian K. Ross
    Brian K. RossAuthor
    Participating Frequently
    December 29, 2018

    Thank you!

    I didn't think linking external resources would work (I haven't used DW since the very early days) but it does! I'll try this route.

    I compared what DW generates for BS 4.0 and the BS 4.2.1 starter template, the only major difference is DW includes this line in the head:

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    Is it best practice to include this?

    There's also a slight change in the head for the responsive meta tag:

    BS 4.2.1

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    DW with BS 4.0

    <meta name="viewport" content="width=device-width, initial-scale=1">

    Thoughts?

    Energize​ BenPleysier

    Should I steer clear from inserting BS components from within DW since the versions don't match?

    O
    osgood_
    Legend
    December 29, 2018
    https://forums.adobe.com/people/Brian+K.+Ross  wrote
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    This really only needs to be used IF you are planning on supporting IE8/9 - personally I never use it.

    https://forums.adobe.com/people/Brian+K.+Ross  wrote
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    This relates specifically to the Safari browser where it shrinks elements outside of the viewport to fit the screen - personally I never use it - maybe I should. I don't know who uses Safari these days.

    P
    Paul-MCorrect answer
    Legend
    December 29, 2018

    If its a new website - fine, crack on.

    If its an existing website built on Bootstrap 4.0 and you want to upgrade from 4.0 to 4.21 - don't delete the existing Bootstrap files , instead rename them (as a precaution).

    The main bulk of changes between the two versions are fixes I think, but be still be aware of any changes from 4.0 to 4,21 in case you run into any issues.

    View the full discussion

    Paul-M - Community Expert
    Brian K. Ross
    Brian K. RossAuthor
    Participating Frequently
    December 29, 2018

    Thanks so much!

    This is for a new site, I'm learning DW and BS to build my wife an informational site for her business...

    I'm specifically looking at the flex-fill class that's been included in BS 4.1.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices