skip to Main Content

I have seen a few of the answers on questions here. Still can’t find it. Using notepad ++…

index.html file

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8"> 

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet"    
href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/
css/bootstrap.min.css">

<!-- jQuery library -->
<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.j    s"></script>

<!-- Latest compiled JavaScript -->
<scriptsrc="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.    js"></script>

<!-- the main css sheet -->
<link type="text/css" rel="main" href="main.css"> 

</head>


<body>  <p>This is a test.</p> </body>

main.css file

p{
    font-size: 250px;
 }

The above css had no effect what so ever on the html

I ran into the issue trying to add background image to bootstrap jumbotron.
The stylesheet seems linked though, after viewing as source on google chrome.
What could be going wrong?

Below I have a picture of the file structure on my local machine.

File Structure..

I have put the css and html into the website folder…

2

Answers


  1. Maybe your main.css file is in the css folder. in that case you need to put css/main.css

    Login or Signup to reply.
  2. Has nothing to do with the program you are using.

    Looks like there could be multiple issues here.

    1. Fix the line breaks in the middle of URLs href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/
      css/bootstrap.min.css">

    2. Try this instead

    3. Make sure the link source is correct, although it appears right in your screenshot

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search