how can I use the latest version of bootstrap on dreamweaver?

Explorer ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

I am new to using Dreamweaver. I have started to use bootstrap and on there site I have noticed the latest version of the software is bootstrap-4.1.3.

Is there away to add this to dreamweaver cc and if so how do I do this?

The reason I want the latest version is bootstrap-4.1.3 has got some new templates which I would like to be able to use when creating my site

Many thanks

Tim

Views

2.9K

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

If you use Dreamweaver's Bootstrap starter templates as you're probably aware, when saving your file for the first time Dreamweaver will copy the Bootstrap files to your site folder.

In the first instance you could download the latest version of Boostrap and try replacing the existing bootstrap.css and bootstrap.js (make a backup of these files first).

Paul-M, ACP

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

I should have mentioned you need to retain the bootstrap filenames bootstrap-4.0.0.css and bootstrap-4.0.0.js

Paul-M, ACP

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

Thank you for your reply.

I downloaded the folder bootstrap-4.1.3 from the bootstrap website and it looks like the software is for PC and as I am using a Mac I won't be able to use it sadly at the moment.

It would be far easier for Adobe to have away for updating this software within Dreamweaver so it is up to date with the latest version

Tim

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

You could look at the DMXZone Bootstrap extensions.

Paul-M, ACP

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

https://forums.adobe.com/people/tim+cross  wrote

I downloaded the folder bootstrap-4.1.3 from the bootstrap website and it looks like the software is for PC and as I am using a Mac I won't be able to use it sadly at the moment.

The files for bootstrap are not software, they are simple text files, with the appropriate file extensions.

They may have been downloaded as a zip folder which simply indicates that a zip file compression utility has been used. PC's have a zip/unzip utility built into the OS, but it may be that you must install one on a Mac in order to unzip the files for use.

Once you have done that, simply replace the Dw created files for bootstrap with the newer version you wish to use, (warning, the Dw bootstrap files may be locked, so you will have to unlock them in order to replace them).

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

Thank you, for the link will look into that.

Thanks again Tim

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

https://www.izip.com/

Paul-M, ACP

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Mentor ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

In observing your posts, it seems it might be worth your while to consider other means to laying out a web page than Bootstrap. Sometimes it feels as if I'm watching a football game with high schoolers pitted against pros. Or a boxing match pitting a flyweight against a super heavyweight. Bootstrap is not an efficient thing. If used, it should be done so by persons that understand how it works... which requires at least a fundamental knowledge of markup and CSS, and which kind of makes it illogical in general since understanding Bootstrap usually means you have progressed enough to write your own code. But it bore saying 🙂

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

If you use CDN's you don't need to download anything.

Copy & paste this code into a new, blank document.

<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

<title>Bootstrap 4.1.3 Starter Page</title>

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

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

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

<style>

body {height: 100vh;} 

.flex-grow {flex: 1 0 auto;} 

</style>

</head>

<body class="d-flex flex-column">

<!--Centered navbar-->

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">

<div class="collapse navbar-collapse w-100 order-1 order-lg-0" id="navbarNav">

<ul class="navbar-nav">

<li class="nav-item active"> <a class="nav-link" href="#">Home</a> </li>

<li class="nav-item"> <a class="nav-link" href="#">Menu 2</a> </li>

<li class="nav-item"> <a class="nav-link" href="#">Menu 3</a> </li>

<li class="nav-item"> <a class="nav-link" href="#">Menu 4</a> </li>

</ul>

</div>

<div class="d-flex w-100 order-0">

<div class="w-100">

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"> <span class="navbar-toggler-icon"></span> </button>

</div>

<a class="navbar-brand text-center w-100" href="#">Brand / Logo </a> <span class="w-100"></span> </div>

<span class="w-100"></span> </nav>

<!--main content-->

<main class="container flex-grow"> 

<div class="row text-center">

<div class="col-sm-6 col-md-4 col-lg-3"> <img class="img-thumbnail" src="https://dummyimage.com/400x350" alt="logo">

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>

</div>

<div class="col-sm-6 col-md-4 col-lg-3"> <img class="img-thumbnail" src="https://dummyimage.com/400x350" alt="logo">

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>

</div>

<div class="col-sm-6 col-md-4 col-lg-3"> <img class="img-thumbnail" src="https://dummyimage.com/400x350" alt="logo">

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>

</div>

<div class="col-sm-6 col-md-4 col-lg-3"> <img class="img-thumbnail" src="https://dummyimage.com/400x350" alt="logo">

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>

</div>

<div class="col-sm-6 col-md-4 col-lg-3"> <img class="img-thumbnail" src="https://dummyimage.com/400x350" alt="logo">

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>

</div>

<div class="col-sm-6 col-md-4 col-lg-3"> <img class="img-thumbnail" src="https://dummyimage.com/400x350" alt="logo">

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>

</div>

<div class="col-sm-6 col-md-4 col-lg-3"> <img class="img-thumbnail" src="https://dummyimage.com/400x350" alt="logo">

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>

</div>

<div class="col-sm-6 col-md-4 col-lg-3"> <img class="img-thumbnail" src="https://dummyimage.com/400x350" alt="logo">

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>

</div>

</div>

</main>

<footer class="bg-dark text-warning text-center"> 

<p class="p-2">On short pages, footer hugs bottom of screen.</p> 

</footer> 

<!--jQuery, Popper, 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.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

</body>

</html>

Nancy O'Shea, Product User & Community Expert
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Mentor ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

Now, that's very automated and easy 🙂

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

ALsp  wrote

Now, that's very automated and easy 🙂

If it is automation and easy someone wants, then Dw should include flexbox, (or even grid and flexbox) starter templates. At least then users can decide for themselves, (and read all the code easily) which they wish to use, small and lightweight vs heavyweight with 99% of code not required.

The possibilities of both frameworks and self coded pages, has moved on to the point of disagreements being common place as to which is best, but a program the cost of Dw should at least give the user a choice.

(make it a condition of Dw trainers/instructors acp membership and Dw cab/pre-release members that they submit a starter page for Dw users)

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Mentor ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

Exactly!

Back in the early 2000s, Macromedia asked us to make some starter templates. We almost did, until we realized they had no intention of compensating us. So, as it turns out, they somehow managed to get Eric Myer to do it. The templates were not his best work (free never is) but at least they had something. What amazes me is that a company Adobe's size cannot come up with cool templates themselves... templates that use the latest and greatest coding techniques, rather than relying on a behemoth free framework like Bootstrap.

Could the fact that so many frequent contributors to this forum have sanctioned and endorsed "the Bootstrap way" have anything to do with it?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

Could the fact that so many frequent contributors to this forum have sanctioned and endorsed "the Bootstrap way" have anything to do with it?

I think people are offering suggestions in reply to the original post about Bootstrap -  I personally don't have any bias on what framework or how people go about building a website but i don't have anything to sell or promote either.

Paul-M, ACP

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

Energize

Another ACP joins the discussion

Thought we would not notice, didn't you , congrats.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

Yes, congrats on the ACP badge and welcome to the fun bunch!

Nancy O'Shea, Product User & Community Expert
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Mentor ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

I think people are offering suggestions in reply to the original post about Bootstrap -  I personally don't have any bias on what framework or how people go about building a website but i don't have anything to sell or promote either.

If you really think I'm promoting something without regard to the folks who use this forum, then I suggest you petition Adobe to have me removed, because I am certainly not going to stop. And if I recall, you might possibly be a disgruntled customer (perhaps the only one) who could possibly have an ax to grind over a perceived slight that happened years ago. But I have no way of confirming that since you are pretty much anonymous and nameless. But I do recall the handle "Energize". So, live with the fact that I am at least as interested in doing right by Dreamweaver users as you might be. If not, I am more than willing to engage you off list if you'd like.

The bottom line is that this forum is do dead, that I could give extensions away and not see any takers. This is the last place we look to market.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

The bottom line is that this forum is do dead, that I could give extensions away and not see any takers. This is the last place we look to market

Start by not jumping on threads with glib or sarcastic comments and taking them off topic, that for a start should  help the forums become a bit more useful ... take this topic for example and look at the last few posts... Hence reason I won't be replying to you again and for gods sake, stop whining about Bootstrap.

Of course I'm wrong you're not abusing your ACP position to promote your wares, yet you seem to take every opportunity to direct people away from Bootstrap and suggest 'other' methods

Paul-M, ACP

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

Energize  wrote

you seem to take every opportunity to direct people away from Bootstrap and suggest 'other' methods

That's because its complete crap.

Anyone that uses the code below, and thats just a very small snippet,  is a complete amatuer or desperate for money. These days I dont know what it is. On another forum they are calling themselves 'pros' when most are part-time policemen, firemen, pizza-makers, candle-stick makers or just retired and cant retain any information these days. Pants.

<ul class="navbar-nav">

<li class="nav-item active"> <a class="nav-link" href="#">Home</a> </li>

<li class="nav-item"> <a class="nav-link" href="#">Menu 2</a> </li>

<li class="nav-item"> <a class="nav-link" href="#">Menu 3</a> </li>

<li class="nav-item"> <a class="nav-link" href="#">Menu 4</a> </li>

</ul>

Laziness I think. I just read that its too much bother to find the right icon on Font Awesome and thats why this particular chap hasnt used it up until its been included as a plugin..........not that the Font Awesome website doesnt have a search facility. Seriously you couldnt make this up if you tried....too lazy to insert a link to a cdn or just plain ignorant and cant be bothered to use a search facility. WTF are we breeding these days.....zombies.

I mean shiteeee they have just been given access to an API plugin.....well finally caught up with those that have been connecting to APIs for a few years. Its like observing some kind of awakening.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

That's because its complete crap.... Anyone that uses the code below, and thats just a very small snippet,  is a complete amatuer or desperate for money

A lot of people use it, some stats say around 18% of top websites ...... thats 18% of top websites that are crap and amateurish in your eyes .... calling it crap is a bit OTT, there's a lot of redundant bloat yes and its not perfect by any means.

I think some people on these forums are building websites or learning for themselves as opposed to selling services or calling themselves pros anyway and whether you think its crap or amateur is your opinion but looking down your nose or being condescending about it is not really helpful and its no wonder people are scared to ask questions and/or scared away from the forums with comments like that.

if people want to use Bootstrap that is their prerogative,  and if they are asking a related question I really don't see what is constructive about hijacking the thread with this other nonsense.

Paul-M, ACP

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Mentor ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

Oh please. If 75% percent of pizza eaters eat Dominoes Pizza, does that mean Dominoes pizza even comes close to the quality of a true Neapolitan  pizza? Of course not. As far as Bootstrap goes, the number of sites using it simply means that 18% of the world's most popular sites are being managed by web developers that either do not know how to code or are too lazy to code efficiently.  I know this probably sounds like a glib post, but what the hell. I'm not going to pull any punches when I read stuff that doesn't make any sense. Every ACP that blindly furthers the enablement of Bootstrap is putting another nail in Dreamweaver's coffin. Now, that's really glib.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

ALsp  a écrit

Oh please. If 75% percent of pizza eaters eat Dominoes Pizza, does that mean Dominoes pizza even comes close to the quality of a true Neapolitan  pizza?

and the winner is a french pizza... Un Français remporte le prix de la meilleure pizza du monde

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

Why am I always the one having to set the record straight

Have a look at https://www.goodfood.com.au/eat-out/news/worlds-best-pizza-made-in-melbourne-20140414-36mnw

Wappler, the only real Dreamweaver alternative.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2018 Nov 15, 2018

Copy link to clipboard

Copied

yes I heard about that one... it was based on a french reciepe, made by a french cooker

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines