Skip to content

Instantly share code, notes, and snippets.

@SemBur

SemBur/bootstrap-square.css

Last active August 29, 2015 14:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save SemBur/f912ba92e1951c31073d to your computer and use it in GitHub Desktop.
Save SemBur/f912ba92e1951c31073d to your computer and use it in GitHub Desktop.
Download ZIP
Square bootstrap columns
Raw
bootstrap-square.css
.square-100{
position: relative;
width: 100%;
padding-bottom : 100%; /* = width for a 1:1 aspect ratio */
margin:1.66%;
background-position:center center;
background-repeat:no-repeat;
background-size:cover; /* you change this to "contain" if you don't want the images to be cropped */
overflow: hidden
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment