You are here

Home » API reference » Bootstrap Basic Image Gallery 8

bootstrap-basic.css in Bootstrap Basic Image Gallery 8 

.bootstrap-basic-image-gallery .modal.carousel {
  /* Needed because the carousel overrides the position property */
  position: fixed;
}
.bootstrap-basic-image-gallery .modal .carousel .item img {
  margin: 0px auto;
}
.bootstrap-basic-image-gallery .main-image {
  width: 100%;
  cursor: pointer;
}
.bootstrap-basic-image-gallery .thumbnails {
  width: 100%;
  cursor: pointer;
}
.bootstrap-basic-image-gallery .thumbnails:after {
  content: "";
  display: table;
  clear: both;
}
.bootstrap-basic-image-gallery .thumbnails .thumb {
  float: left;
}
.bootstrap-basic-image-gallery .thumbnails .thumb img {
  display: block;
  margin: 0px auto;
}

File

css/bootstrap-basic.css
View source 
  1. .bootstrap-basic-image-gallery .modal.carousel {

  2.   /* Needed because the carousel overrides the position property */

  3.   position: fixed;

  4. }

  5. .bootstrap-basic-image-gallery .modal .carousel .item img {

  6.   margin: 0px auto;

  7. }

  8. .bootstrap-basic-image-gallery .main-image {

  9.   width: 100%;

  10.   cursor: pointer;

  11. }

  12. .bootstrap-basic-image-gallery .thumbnails {

  13.   width: 100%;

  14.   cursor: pointer;

  15. }

  16. .bootstrap-basic-image-gallery .thumbnails:after {

  17.   content: "";

  18.   display: table;

  19.   clear: both;

  20. }

  21. .bootstrap-basic-image-gallery .thumbnails .thumb {

  22.   float: left;

  23. }

  24. .bootstrap-basic-image-gallery .thumbnails .thumb img {

  25.   display: block;

  26.   margin: 0px auto;

  27. }