Sat, October 31, 2020, 06:43:36
 
Home · Latest · Trends  /  HTML, XML
2

Aligning images in Bootstrap 4

Image align in bootstrap 4
<div>
<img class='rounded m-1 img-fluid float-left' src="image" alt="alt" />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce luctus orci vel diam luctus, ultrices rutrum nulla convallis. Fusce arcu risus, fringilla in odio nec, sodales pellentesque felis.
</div>

<!--
.m1 = margin
.float-left = float left
.float-right = float right
.mx-auto = centered
.img-fluid - responsive

    .m-1 {
        margin: .25rem .25rem!important;
    } 
    .float-left {
        float: left!important;
    } 
    .rounded {
        border-radius: .25rem;
    } 
    .img-fluid {
        max-width: 100%;
        height: auto;
    }
    img {
        vertical-align: middle;
    }
-->
rated 2 times [  2] [ 0]  / comments: 0 / hits: 1340  / 3 years ago, thu, jun 22, 2017, 06:20:21
More From » HTML, XML
 

Comments

There are no comments for this Snippet yet
Username
 
Your Comment
 
Share
Snippets
Alternating row colors in smarty
3 years ago, sat, jun 24, 2017
TinyMCE editor is empty or not + minimum characters
3 years ago, sun, jun 25, 2017
Posted
Jorge

Jorge

Member since Jun 22, 2017
Total Code Snippets: 3
Total Comments: 0
Location: n/a
Following
User not following anyone yet.