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 Kelvin Atawura
.a{fill-rule:evenodd;}techdegree
Kelvin Atawura
Front End Web Development Techdegree Student 19,022 Points

bootstrap modal error

i have followed through with this videos but i end up with my modal not displaying and ending up at the bottom left corner of my window(screen shot). any help or ideas would be appreciated Guil Hernandez my code are as follows:

    <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="true">&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://www.youtube.com/embed/hTf0CgRC1_Q" frameborder="0"></iframe>
          </div>
        </div>
      </div>
    </div>    
<-- then for my anchor i got this code in place -->
<div class="row th-copy">
            <div class="col-sm-6">
              <a data-toggle="modal" href="#videoModal">
                <img class="img-responsive img-rounded" src="img/thumb_ribbit.jpg">
              </a>
            </div>
Darryn Smith
Darryn Smith
32,043 Points
Darryn Smith
Darryn Smith
32,043 Points

I am experiencing the same issue. I've completely replaced my "type-along" work (the .html and .css files I build myself as the course progresses) with the supplied project download files, and the problem persists.

I'm using Safari 7.0.4 with OSX Mavericks (10.9.3).

1 Answer

Scott Crawford
Scott Crawford
37,861 Points
Scott Crawford
Scott Crawford
37,861 Points

This problem still exist because I'm having the same issue and I can't figure out why it's happening. I am using Chrome, but I also opened up Safari and had the same result.