Highlighted

Ruined bootstrap.css?

Explorer ,
Jan 06, 2018

Copy link to clipboard

Copied

Beginner. iMac High Sierra 10.13.2. DWCC 10.13.6

I have two open bootstrap files:  bootstrap.css and a blank. I am learning how to borrow code from bootstrap.css to a blank page. I close and reopen bootstrap and a new blank file when I screw up.  (I am following a Lynda.com course.)

Now when I open bootstrap.css, it's asking if I want to rewrite it. I have to click 'OK' or it won't open. Have I ruined the bootstrap.css file?

Thank you,

Cheryl <-- 60 years old, grey hair, please be gentle.

Message was edited by: Cheryl Ballantyne i.e. poor user editing skills

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

Unless you're an expert coder, DO NOT OPEN Bootstrap or jQuery  files.  Never, never, never open them. You should be using a separate external CSS file for your custom styles.

Copy and paste this code into a new, blank document.  You can't edit these Bootstrap and jQuery files because they are hosted on CDNs.

<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

<title>Bootstrap</title>

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

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

<!-- Latest Bootstrap 3 CSS-->

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!--CUSTOM CSS GOES HERE-->

<link rel="stylesheet" href="YOUR_STYLEHSEET.css">

</head>

<body class="container">

<div class="row">

<div class="col-md-10 center-block">

CONTENT GOES HERE....

</div>

</div>

<!--latest jQuery 3 JS-->

<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>

<!--Latest Bootstrap 3 JS-->

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

</body>

</html>

Views

299

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

Ruined bootstrap.css?

Explorer ,
Jan 06, 2018

Copy link to clipboard

Copied

Beginner. iMac High Sierra 10.13.2. DWCC 10.13.6

I have two open bootstrap files:  bootstrap.css and a blank. I am learning how to borrow code from bootstrap.css to a blank page. I close and reopen bootstrap and a new blank file when I screw up.  (I am following a Lynda.com course.)

Now when I open bootstrap.css, it's asking if I want to rewrite it. I have to click 'OK' or it won't open. Have I ruined the bootstrap.css file?

Thank you,

Cheryl <-- 60 years old, grey hair, please be gentle.

Message was edited by: Cheryl Ballantyne i.e. poor user editing skills

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

Unless you're an expert coder, DO NOT OPEN Bootstrap or jQuery  files.  Never, never, never open them. You should be using a separate external CSS file for your custom styles.

Copy and paste this code into a new, blank document.  You can't edit these Bootstrap and jQuery files because they are hosted on CDNs.

<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

<title>Bootstrap</title>

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

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

<!-- Latest Bootstrap 3 CSS-->

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!--CUSTOM CSS GOES HERE-->

<link rel="stylesheet" href="YOUR_STYLEHSEET.css">

</head>

<body class="container">

<div class="row">

<div class="col-md-10 center-block">

CONTENT GOES HERE....

</div>

</div>

<!--latest jQuery 3 JS-->

<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>

<!--Latest Bootstrap 3 JS-->

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

</body>

</html>

Views

300

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
Jan 06, 2018 0
Adobe Community Professional ,
Jan 06, 2018

Copy link to clipboard

Copied

Unless you're an expert coder, DO NOT OPEN Bootstrap or jQuery  files.  Never, never, never open them. You should be using a separate external CSS file for your custom styles.

Copy and paste this code into a new, blank document.  You can't edit these Bootstrap and jQuery files because they are hosted on CDNs.

<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

<title>Bootstrap</title>

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

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

<!-- Latest Bootstrap 3 CSS-->

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!--CUSTOM CSS GOES HERE-->

<link rel="stylesheet" href="YOUR_STYLEHSEET.css">

</head>

<body class="container">

<div class="row">

<div class="col-md-10 center-block">

CONTENT GOES HERE....

</div>

</div>

<!--latest jQuery 3 JS-->

<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>

<!--Latest Bootstrap 3 JS-->

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

</body>

</html>

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...
Jan 06, 2018 0
Explorer ,
Jan 07, 2018

Copy link to clipboard

Copied

Thank you very much, Nancy!

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...
Jan 07, 2018 0
Adobe Community Professional ,
Jan 06, 2018

Copy link to clipboard

Copied

Which Lynda.com course are you following and which version of Bootstrap have you deployed?


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...
Jan 06, 2018 1
Explorer ,
Jan 07, 2018

Copy link to clipboard

Copied

Thanks, Ben!

I am following "Designing Websites From Photoshop to Dreamweaver'.  I am on the lesson titled 'Create A Bootstrap file'.  I have done well  till this overwrite question kept popping up. I am enjoying it very much as I work toward a complete update of my charity's website (nothing has changed since 2010).

Your second question is harder for me to answer with my level of knowledge. In Dreamweaver, I am instructed go to File -->New --> New Document --> HTML --> Bootstrap tab. I'm instructed to select 'Create New'. Turn on 'Include a pre-built layout' and click Create. I hope that's the info you need.

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...
Jan 07, 2018 1