Highlighted

Bootstrap CSS as read only Dreamweaver

Community Beginner ,
Oct 07, 2018

Copy link to clipboard

Copied

Hi all, I an unsure what version of Dreamweaver I am using but I pay monthly through creative cloud and it gets updated regularly so would assume most up to date version?

I am relatively new to coding and to Dreamweaver. So far I have designed two websites which I uploaded using my FTP client and they work beautifully. I have tried to start another website using exactly the same methods as I did before, but for some reason now, when I am on create new, select Bootstrap Portfolio template the CSS file comes up as read only whereas it didn't before. I have to click "make writeable" but for some reason it does not want to recognise some of the files I have in the root folder (which I have double and triple checked that it is connected to Dreamweaver as the local file of the site I am building) and tells me they are in another folder (which they aren't) and that I should copy them over.

I tried this but then the link for the CSS sheet in my source code changes to that from another website, and as you can image this creates even more issues.

I spent around 5 hours yesterday trying to figure this out and I am all out of ideas.... Please help 🙂

Views

485

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

Bootstrap CSS as read only Dreamweaver

Community Beginner ,
Oct 07, 2018

Copy link to clipboard

Copied

Hi all, I an unsure what version of Dreamweaver I am using but I pay monthly through creative cloud and it gets updated regularly so would assume most up to date version?

I am relatively new to coding and to Dreamweaver. So far I have designed two websites which I uploaded using my FTP client and they work beautifully. I have tried to start another website using exactly the same methods as I did before, but for some reason now, when I am on create new, select Bootstrap Portfolio template the CSS file comes up as read only whereas it didn't before. I have to click "make writeable" but for some reason it does not want to recognise some of the files I have in the root folder (which I have double and triple checked that it is connected to Dreamweaver as the local file of the site I am building) and tells me they are in another folder (which they aren't) and that I should copy them over.

I tried this but then the link for the CSS sheet in my source code changes to that from another website, and as you can image this creates even more issues.

I spent around 5 hours yesterday trying to figure this out and I am all out of ideas.... Please help 🙂

Views

486

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
Oct 07, 2018 0
Adobe Community Professional ,
Oct 07, 2018

Copy link to clipboard

Copied

The reason why the CSS file has been made readable only is because it should never be touched. If you want to make a style rule change then you can do that in a file called mystyles.css (or similar). Make sure to load the mystyles.css after you have loaded the Bootstrap file.

Edit: See https://bootstrapbay.com/blog/customize-bootstrap/


Ben

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
Reply
Loading...
Oct 07, 2018 1
Community Beginner ,
Oct 07, 2018

Copy link to clipboard

Copied

Hi Ben, thank you for your help. So if I create a new CSS sheet as you say, would the CSS in the template file not then conflict with that of the new file I have created?

So I would be asking for one thing and the other stylesheet would be specifying something different...

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
Reply
Loading...
Oct 07, 2018 0
LEGEND ,
Oct 07, 2018

Copy link to clipboard

Copied

emmad23117089  wrote

Hi Ben, thank you for your help. So if I create a new CSS sheet as you say, would the CSS in the template file not then conflict with that of the new file I have created?

So I would be asking for one thing and the other stylesheet would be specifying something different...

If you link your newly created stylesheet AFTER that of the linked Bootstrap css file there will be no conflict. But watch out for 'gotchas' - IF you write a substanstial amount of your own css/code you will be reverse engineering a lot of css attributes. But that's not the idea the idea of Bootstrap is to use predominately the Bootstrap css/code styling. with a few introduced tweaks.

If you suddenly introduce Bootstrap css/code into a bespoke coded website for some reason, maybe to take advantage of one of the modules, that's when you will encounter conflict issues.

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
Reply
Loading...
Oct 07, 2018 0
Community Beginner ,
Oct 07, 2018

Copy link to clipboard

Copied

Thank you Ben

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
Reply
Loading...
Oct 07, 2018 0
Adobe Community Professional ,
Oct 07, 2018

Copy link to clipboard

Copied

You should never touch the Bootstrap CSS or JS files directly.   Either use a separate external CSS file as Ben suggests.  More advanced users customize their Bootstrap projects with SASS variables and mixins.  Or sometimes we use Bootstrap themes from Bootswatch.

https://bootswatch.com/

Nancy O'Shea, ACP
Alt-Web Design & Publishing

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
Reply
Loading...
Oct 07, 2018 0