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

[Locked] Bootstrap 4.2.1?

  • December 29, 2018
  • 15 replies
  • 1890 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 is closed to new replies. Start a new post to keep the conversation going.
    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

    15 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