Hi Everyone!
In the next lecture, titled "Bootstrap Image Gallery Pt. 1", Colt will show you how to get hi-resolution stock images from a website called unsplash.

The method of getting the image url has changed since this video was created. 

If you find an image you like then you'll need to click on the image to make it full screen at which point the url will change to give you the photo's ID.
It's the alphanumeric combination that comes after ?photo=.

Once you copy the photo's ID then you can add it to the source.unsplash address like so: 

<img src="https://source.unsplash.com/cPF2nlWcMY4"> 

Additionally, students have reported having trouble with the grid when using images of varying sizes. See below for a few solutions:

• If you don't mind the images being of varying heights, but want to get rid of the white space bug then see here
• If you're looking for Pinterest-like presentation of thumbnails of varying heights and/or widths, you'll need to use a third-party plugin such as Masonry, Isotope, or Salvattore.
• If you want to crop all of the images to the same size then see an example of this here

Last, but not least, if you're having trouble with the glyphicons (they're not showing up, but showing a rectangle instead) then see here for a solution.

Cheers,
Ian
Course TA