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

Posted by Zach Kamp
Zach Kamp
5,259 Points

Linking Bootstrap with Custom Stylesheet.

I'm having an issue linking a custom stylesheet in conjunction with a bootstrap stylesheet. Here's the head:

<head>
       <meta charset="utf-8">
       <title>My Title</title>
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <!-- Bootstrap -->
       <link href="css/bootstrap.min.css" rel="stylesheet">
       <link href="css/custom.css" rel="stylesheet">
       <script src="js/respond.js"></script>
</head>

I have tried using inline styling, and that works fine. I also have the JavaScript at the bottom of the document. Thanks in advance!

1 Answer

Saskia Lund
Saskia Lund
5,673 Points
Saskia Lund
Saskia Lund
5,673 Points

Hm.. on first glance it looks ok.. though I'd personally place the javascript before the closing body tag instead of inside the head.

Maybe try changing the lines in your head to this:

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

type attribute is missing in your code.

Zach Kamp
Zach Kamp
5,259 Points

Awesome! Thank you... I find it bizarre that this is how a lynda.com (can I mention them here?) tutorial had me construct the head. At the time, I thought it was weird to leave out the type attribute. Thanks for the reminder!