Skip to main content
H
HVOL
Inspiring
December 4, 2018
Answered

Dreamweaver CC CSS class hints

  • December 4, 2018
  • 1 reply
  • 416 views

Latest version of Dreamweaver via Creative Cloud.

I have bootstrap 4.0 attached via an external CDN file. Dreamweaver code-live view shows the correct formatting. In the tabs I can see the file and view the content. The web-page when uploaded is formatted as expected. However, there are no CSS class hints when I type in the code. Nor are the media query bars showing.

When I type in <div class="col- I expect to see class hints like col-1, col-2, col-3......

Is it normal that it is not displaying this? What needs to be resolved to fix this?

This topic has been closed for replies.
Correct answer Nancy OShea

I often work with CDN hosted files.  If you're online, that's not the problem. 

Try working with this Bootstrap 4.1.3 document in DW.  I just tested it and it works fine for me in 2019.

<!doctype html>

<html lang="en">

<head>

<title>Bootstrap 4.1.3</title>

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

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

<!--Bootstrap minified CSS-->

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">

</head>

<body class="container-fluid">

<div class="row">

<div class="col-10 mx-auto">

<h2>Accordion Example</h2>

<div id="accordion">

<div class="card">

<div class="card-header"> <a class="card-link" data-toggle="collapse" href="#collapseOne"> Collapsible Group Item #1 </a> </div>

<div id="collapseOne" class="collapse hide" data-parent="#accordion">

<div class="card-body"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div>

</div>

</div>

<div class="card">

<div class="card-header"> <a class="collapsed card-link" data-toggle="collapse" href="#collapseTwo"> Collapsible Group Item #2 </a> </div>

<div id="collapseTwo" class="collapse" data-parent="#accordion">

<div class="card-body"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div>

</div>

</div>

<div class="card">

<div class="card-header"> <a class="collapsed card-link" data-toggle="collapse" href="#collapseThree"> Collapsible Group Item #3 </a> </div>

<div id="collapseThree" class="collapse" data-parent="#accordion">

<div class="card-body"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

</div>

</div>

</div>

</div>

</div>

</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

</body>

</html>

1 reply

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
December 4, 2018

Code  hints and auto code completion work fine for me. 

1) are you working in a defined local site folder?

2) are you working with error free code?

PS you should change your screen name.  This is a public web forum for all to see.   I would never post my e-mail address online.

Nancy O'Shea— Product User & Community Expert
H
HVOLAuthor
Inspiring
December 4, 2018

The site has a local folder, however the CSS file in question is on a CDN server. Dreamweaver can see the file and format the live view correctly, but doesn't appear to be able to provide hints from it.

Yes, the code is error free.

Yes, I should change my user name. If the forum allow it I would. But it is a very old account and seem to be linked in with my general Adobe account. Plus that email has already been so widely publicized at this point it doesn't make much difference.

Nancy OShea
Community Expert
Nancy OSheaCommunity ExpertCorrect answer
Community Expert
December 4, 2018

I often work with CDN hosted files.  If you're online, that's not the problem. 

Try working with this Bootstrap 4.1.3 document in DW.  I just tested it and it works fine for me in 2019.

<!doctype html>

<html lang="en">

<head>

<title>Bootstrap 4.1.3</title>

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

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

<!--Bootstrap minified CSS-->

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">

</head>

<body class="container-fluid">

<div class="row">

<div class="col-10 mx-auto">

<h2>Accordion Example</h2>

<div id="accordion">

<div class="card">

<div class="card-header"> <a class="card-link" data-toggle="collapse" href="#collapseOne"> Collapsible Group Item #1 </a> </div>

<div id="collapseOne" class="collapse hide" data-parent="#accordion">

<div class="card-body"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div>

</div>

</div>

<div class="card">

<div class="card-header"> <a class="collapsed card-link" data-toggle="collapse" href="#collapseTwo"> Collapsible Group Item #2 </a> </div>

<div id="collapseTwo" class="collapse" data-parent="#accordion">

<div class="card-body"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div>

</div>

</div>

<div class="card">

<div class="card-header"> <a class="collapsed card-link" data-toggle="collapse" href="#collapseThree"> Collapsible Group Item #3 </a> </div>

<div id="collapseThree" class="collapse" data-parent="#accordion">

<div class="card-body"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

</div>

</div>

</div>

</div>

</div>

</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

</body>

</html>

Nancy O'Shea— Product User & Community Expert
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices