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
In questa pagina del sito puoi guardare il video online Bootstrap Image Classes - Bootstrap Tutorial 14 della durata di ore minuti seconda in buona qualità , che l'utente ha caricato ChidresTechTutorials 01 dicembre 2019, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 1,575 volte e gli è piaciuto 43 spettatori. Buona visione!
