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 quacken
quacken
9,601 Points

Bootstrap - Video Modal --- video appears at the bottom

Hello to the wonderful Treehouse community,

I'm currently doing the tutorial on Bootstrap and got to the Video Modal stage.

I must be doing something wrong because the embedded video is not hidden, and it's doing my head in trying to figure it out.

Please tell me what I'm doing wrong!

I think the html is correct...

<div class="row th-copy">
                <div class="col-sm-6">
                    <a data-toggle="modal" href="#videoModal">
                    <img class="img-rounded img-responsive" src="img/thumb_ribbit.jpg">
                </a>
                </div>

<div class="modal fade" id="videoModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="hidden">&times;</button>
                <h4 class="modal-title">Learn how to make this app!</h4>
            </div>
            <div class="modal-body">
                <iframe width="500" height="281" src="http://youtube.com/embed/hTf0CgRC1_Q" frameborder="0"></iframe>
            </div>
        </div>
    </div>
</div>

This is what I [have]: (http://imgur.com/YDPpk2k)

5 Answers

Chris Scott
Chris Scott
7,673 Points
Chris Scott
Chris Scott
7,673 Points

Are you including all the right flies? I think you're missing something.

Chris Scott
Chris Scott
7,673 Points
Chris Scott
Chris Scott
7,673 Points

Are you including all the right source files?

quacken
quacken
9,601 Points
quacken
quacken
9,601 Points

Ah, I think you're right - I didn't refer to the source properly.

Thank you!

Chris Scott
Chris Scott
7,673 Points

Yay! Don't forget to vote up my answer!! :D

quacken
quacken
9,601 Points
quacken
quacken
9,601 Points

Ah, I think you're right - I didn't refer to the source properly.

Thank you!

quacken
quacken
9,601 Points
quacken
quacken
9,601 Points

Ah, I think you're right - I didn't refer to the source properly.

Thank you!