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 Framework Basics Build a Website with Bootstrap Adding the Video Modal and Footer

Posted by Elijah Collins
Elijah Collins
19,457 Points

Video Modal not working for boostarps adding video modal and footer

I've even went as far as to copy and paste the entire project just to see if I had any errors but for some reason when I view the html from the dL file on this video everything is working fine, but on my index.html the video is placed off to the side and isn't responding...Mind you I copied the entire files html and css

Elijah Collins
Elijah Collins
19,457 Points

I've ran across this before with Modal projects but not to the point where I copy and paste the same code and it still not work

wuworkshop
wuworkshop
3,429 Points

Could you post your code? Or perhaps make it a new Workspace and then provide the link to the preview page?

5 Answers

Elijah Collins
Elijah Collins
19,457 Points
Elijah Collins
Elijah Collins
19,457 Points

I'm thinking it the boostrap jquery file, I keep getting errors

http://getbootstrap.com/customize/?id=775790b80dea481f4ff3

wuworkshop
wuworkshop
3,429 Points

What are the error messages? Could you just provide your code somehow?

Elijah Collins
Elijah Collins
19,457 Points
Elijah Collins
Elijah Collins
19,457 Points

if you go to the link you can view the json file

wuworkshop
wuworkshop
3,429 Points

I take it you're referring to this error message after I click "Compile and Download":

Ruh roh! Problem parsing or compiling Less files.

Error: error evaluating function darken: undefined is not a function

.btn-default {
  .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);
}

I'm confused, I thought your original post said you were using the video's project files' HTML and CSS. But now it sounds like you're making your own customized version of Bootstrap. At this point, I'm not sure what Bootstrap files you're using, since there's an error with your customization settings, I didn't get any zip file downloaded.

Does your modal work if you just use the project zip file's HTML, CSS and JS files?

wuworkshop
wuworkshop
3,429 Points
wuworkshop
wuworkshop
3,429 Points

The typo in your Bootstrap customization settings is in the Buttons section. Your value for @btn-default-bg has a typo. The value should be rgba(0,0,0,0) NOT rga(0,0,0,0) .

Victoria Roberts
Victoria Roberts
5,604 Points
Victoria Roberts
Victoria Roberts
5,604 Points

It took me forever but I finally found an easy fix. You need to cut and paste the CDN for bootstrap (the stylesheet and the javascript) into your index.html. It's less than ideal, but it gets the job done. The javascript needs to go at the end of the index and the bootstrap CSS needs to go BEFORE your own stylesheet. Otherwise if will overwrite the compiled Bootstrap and change all your styles.

bushaf
bushaf
34,523 Points
bushaf
bushaf
34,523 Points

By far the worst course on your site.