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-fluid : indicates the given image is a responsive image

rounded : displays image with rounded corners

rounded-circle : displays image in 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>
</figure>

float-left & float-right & clearfix:

<p class="border clearfix">
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

Follow the link for previous video:
Bootstrap Tutorial 13 - Bootstrap Text Transformation Classes | Bootstrap Typography

=========================================

Bootstrap Tutorials Playlist:-

=========================================
Watch My Other Useful Tutorials:-

Dreamweaver Tutorials Playlist:-

PHP Tutorials Playlist:-

MySQL Tutorials Playlist:-

=========================================

► Subscribe to our YouTube channel:

► Visit our Website:

=========================================
Hash Tags:-
#ChidresTechTutorials #Bootstrap #BootstrapTutorial