बूटस्ट्रैप सीएसएस छवियाँ संदर्भ
बूटस्ट्रैप छवियां
कोने पर गोलाकार आकृति:
वृत्त:
थंबनेल:
<img> कक्षाएं
नीचे दी गई कक्षाओं का उपयोग किसी भी छवि को स्टाइल करने के लिए किया जा सकता है:
Class | Description | Example |
---|---|---|
.img-rounded | Adds rounded corners to an image (not available in IE8) | |
.img-circle | Shapes the image to a circle (not available in IE8) | |
.img-thumbnail | Shapes the image to a thumbnail | |
.img-responsive | Makes an image responsive (will scale nicely to the parent element) |
उत्तरदायी छवियां
टैग में एक .img-responsive
वर्ग जोड़कर प्रतिक्रियाशील चित्र बनाएं । <img>
छवि तब मूल तत्व के लिए अच्छी तरह से स्केल हो जाएगी।
.img-responsive
वर्ग max-width: 100%
, height: auto
, और display:block
छवि पर लागू होता है:
उदाहरण
<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">