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
Auf dieser Seite können Sie das Online-Video Bootstrap Image Classes - Bootstrap Tutorial 14 mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer ChidresTechTutorials 01 Dezember 2019 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 1,575 Mal angesehen und es wurde von 43 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
