Bootstrap 4 CDN with bootswatch

Wappler General
1

Just wondering why I can’t use CDN links to Bootswatch frameworks, as soon as i choose Frameworks > Bootstrap 4 > lux || minty etc. It auto reverts my CDN Bootstrap stuff to local rather than CDN like this.

CDN version - Wappler v1.3.0

<head>
  <script type="text/javascript" src="dmxAppConnect/dmxAppConnect.js"></script>
  <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head>
<body is="dmx-app">
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script type="text/javascript" src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>

LOCAL minty bootswatch - Wappler v.1.3.0 (switches to local)

<head>
  <script type="text/javascript" src="dmxAppConnect/dmxAppConnect.js"></script>
  <script type="text/javascript" src="js/jquery-3.3.1.slim.min.js"></script>
  <link rel="stylesheet" type="text/css" href="bootstrap/4/minty/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="bootstrap/4/css/font-awesome.min.css">
</head>
<body is="dmx-app">
  <script type="text/javascript" src="bootstrap/4/js/popper.min.js"></script>
  <script type="text/javascript" src="bootstrap/4/js/bootstrap.min.js"></script>
</body>

Therefore if I want to use the CDN version and retain the Bootswatch I have to choose the CDN version to start and then go and manually alter a single line in the head from

FROM
  <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
TO
  <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootswatch/4.1.3/minty/bootstrap.min.css">
OR
  <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootswatch/4.1.3/lux/bootstrap.min.css">
2

Well bootswatch is more like local theming, so we choose to have the local only versions.

But if more people want the cdn, i’m sure we can add them as well.

2 Likes
3

Awesome, lets hope more people want it, for me please, haha.

1 Like
4

im with @George on this one. local is better for the long run.

5

Just for my own knowledge, is there a reason why local is better than 100 stackpath servers globally positioned, I would imagine that to be better than local, also saves me from writing lines into my robots.txt file telling google to not index this path and that path etc.?

6

Well depends if the cdn is really good and also distributed locally to countries for fastest access.

If you don’t have good international connection and have to fetch cdn from the US it might take a while, while it will be really fast from your local provider and your own site.

Also in China they have the great firewall and most cdn and google don’t work

1 Like
7

Lol, ok well that makes some sense, thanks for explaining @George, thats about my third new thing learned today, so it’s been a good day.

2 Likes