Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Bootstrap Basics Getting to Know Bootstrap Creating a Simple Page

Thomas Barkel
PLUS
Thomas Barkel
Courses Plus Student 7,222 Points

Preview not working

I'm attempting to code this lesson within Atom Text Editor. I've saved the html file in a folder on my desktop and am trying to preview the page as I go along and make changes to it via opening the file in Internet Explorer and hitting the refresh button. However, this is not working. When I make changes in Atom and then refresh the IE page, no changes to the preview occur, I've tested this by commenting out the entire code and still nothing happens.

What could be causing this disconnect between my code and the webpage?

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Full Stack Conf</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
  </head>
  <body class="bg-info text-white">
    <div class="container text-center">
    <h1 class="display-1 mt-5">Full Stack Conf</h1>
    <p class="lead mb-5">Coming soon, a 1 day conference about all things Javascript!</p>
          <div class="input-group mb-3 mx-auto">
      <input type="text" class="form-control" placeholder="Enter your email for info" aria-label="Enter your email for info" aria-describedby="basic-addon2">
      <div class="input-group-append">
        <button class="btn btn-primary" type="button">Sign Up</button>
      </div>
</div>
      </div>
  </body>
</html>

1 Answer

Dean Paterson
Dean Paterson
12,996 Points

Looks to me from your explanation that the file is possibly saving somewhere other that the opened version from your desktop. To check, right click on the file in Atom and select ‘find in finder’ or whatever the Windows equevelent is and then open from there. It will also give you the answer as to where your html file resides