Linking an external css file doesn't work

Question

I'm trying to link my local bootstrap, and style file to my html file, but none of them works.

Here's my html file:

<!DOCTYPE html>
<html>
    <head>
        <title>Test page</title>

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

        <link type="text/css" ref="stylesheet" href="css/bootstrap.css">
        <link type="text/css" ref="stylesheet" href="css/styles.css">

    </head>
    <body>
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>

        <div class="navbar-header">
            <div class="navbar navbar-inverse navbar-static-tops">

            </div>
        </div>
    </body> 
</html>

My css files are located in a folder called css.
I got these files there:

The htdocs folder I have this:

Saurabh Singh Mehra · Accepted Answer · 2015-11-15 10:16:29Z

1

JUST TRY THIS ---

<!DOCTYPE html>
<html>
    <head>
        <title>Test page</title>

        <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="css/styles.css"/>
    </head>
    <body>
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>

        <div class="navbar-header">
            <div class="navbar navbar-inverse navbar-static-tops">

            </div>
        </div>
    </body> 
</html>

These Codes are Wrong ---

 <link type="text/css" ref="stylesheet" href="css/bootstrap.css">
        <link type="text/css" ref="stylesheet" href="css/styles.css">

These are Correct ---

<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="css/styles.css"/>

answered Nov 15, 2015 at 10:16

Saurabh Singh Mehra

2142 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Saurabh Singh Mehra Over a year ago

Actually you are using the wrong codes to link external css files.

Karl Knechtel Over a year ago

It would be better to explain what is wrong about the wrong lines.

Collectives™ on Stack Overflow

Linking an external css file doesn't work

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related