image - img-square the same way img-cirlce works in bootstrap -
Hi, I am creating a portfolio in Bootstrap with a thin thumbnail category and instead of creating each thumbnail image in Square, Photoshop Id just likes to use a class like image-circle to create the thumbnail class before clicking the viewer to show the image.
This is possible with the CSS no plugin
Bootstrap circle caches which All adds an element to the radius, it does not crop or does not centrifuge the image of more than one size.
This is probably the easiest way of crop and center in a square container, though I argue that you should use background image for it:
& lt; Div class = "thumbnail" & gt; & Lt; img src = "http: //your/large/image/source.jpg" & gt; & Lt; / Div & gt;
. Thumbnail {width: 200px; Height: 200 pixels; Hidden flurry; Status: Relative; } IMG {status: complete; Top: -9999 pixels; Bottom: -9999 pixels; Left: -9999px; Correct: -9999px; Margins: Auto; }
Comments
Post a Comment