Can I use an image to trigger a modal window in Bootstrap?

image twitter-bootstrap modal-window
user2172235 picture user2172235 · Mar 15, 2013 · Viewed 8.4k times · Source

Simple question really. Instead of having a button trigger a modal window, I need to use an image. I can't figure out the code to do it. Any tips?

Answer

anataliocs picture anataliocs · Mar 15, 2013

Yes you just wrap the tag around an image.

<a href="#myModal" role="button" data-toggle="modal">

<img src="http://placehold.it/150x150"></a>

Here is a live example:

Bootstrap modal trigger by an image

Related questions

Responsive image align center bootstrap 3

I do a catalog using Bootstrap 3. When displayed on tablets, the product images look ugly because of their small size (500x500) and a width of 767 pixels in the browser. I want to put the image in the center of the …

Read More
twitter bootstrap carousel size

I'm creating a website for my dad using Twitter Bootstrap, it's done except for one thing: I can't figure out how to: - reduce the carousel width - center the carousel - make scroll arrows still on image here is …

Read More
Twitter Bootstrap Image Upload with Preview and Progress Bar

How can i use Twitter Bootstrap to upload a single image with preview and progress bar. As currently, Until I save the image, I can not see what any preview or progress bar to upload the image.

Read More