Bootstrap Image Classes - Bootstrap Tutorial 14
Notes for You:: Bootstrap Image Classes - Bootstrap Tutorial 14
img-thumbnail : displays an image with light gray rounded border & adds some padding around an image
<img src="images/koala.jpg" width="100" class="img-thumbnail"/>
img-fluid : indicates the given image is a responsive image
<img src="images/koala.jpg" width="10%" class="img-fluid"/>
rounded : displays image with rounded corners
<img src="images/koala.jpg" width="100" class="rounded"/>
rounded-circle : displays image in circle
<img src="images/koala.jpg" width="100" class="rounded-circle"/>
figure, figure-image & figure-caption :
figure: converts element to inline-block
figure-caption: displays text little light in color
figure-image: indicates it’s an image
<figure class="figure text-center">
<figcaption class="figure-caption">Koala Image</figcaption>
<img src="images/koala.jpg" width="100" class="figure-image rounded"/>
</figure>
float-left & float-right & clearfix:
<p class="border clearfix">
<img src="images/my-pic.jpg" width="10%" class="float-left"/>
Chidre'sTechTutorials | Best Animation, VFX, Multimedia, Gaming, Computer Science & Engineering TutorialsChidre'sTechTutorials | Best Animation, VFX, Multimedia, Gaming, Computer Science & Engineering TutorialsChidre'sTechTutorials | Best Animation, VFX, Multimedia, Gaming, Computer Science & Engineering TutorialsChidre'sTechTutorials | Best Animation, VFX, Multimedia, Gaming, Computer Science & Engineering TutorialsChidre'sTechTutorials | Best Animation, VFX, Multimedia, Gaming, Computer Science & Engineering TutorialsChidre'sTechTutorials | Best Animation, VFX, Multimedia, Gaming, Computer Science & Engineering Tutorials
</p>
Note:
replace < with less-than symbol.
replace > with greater-than symbol.
=========================================
Follow the link for next video:
Bootstrap Tutorial 15 - Bootstrap List Related Classes | Bootstrap Lists
• Bootstrap List Classes - Bootstrap Tutoria...
Follow the link for previous video:
Bootstrap Tutorial 13 - Bootstrap Text Transformation Classes | Bootstrap Typography
• Bootstrap Text Transform Classes - Bootstr...
=========================================
Bootstrap Tutorials Playlist:-
• Bootstrap4 Tutorials
=========================================
Watch My Other Useful Tutorials:-
Dreamweaver Tutorials Playlist:-
• Dreamweaver Tutorials - The Ultimate Course
PHP Tutorials Playlist:-
• PHP Tutorials - The Ultimate Course
MySQL Tutorials Playlist:-
• MySQL Tutorials - The Ultimate Course
=========================================
► Subscribe to our YouTube channel:
/ chidrestechtutorials
► Visit our Website:
https://www.chidrestechtutorials.com
=========================================
Hash Tags:-
#ChidresTechTutorials #Bootstrap #BootstrapTutorial
Nesta página do site você pode assistir ao vídeo on-line Bootstrap Image Classes - Bootstrap Tutorial 14 duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário ChidresTechTutorials 01 Dezembro 2019, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 1,575 vezes e gostou 43 espectadores. Boa visualização!
