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

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

java - JPA TypedQuery: Parameter value element did not match expected type -

c++ - static template member variable has internal linkage but is not defined -