Advanced Search

theme for bootstrap

/ Published in: CSS
Save to your folder(s)
half-slider

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. /*!
  2.  * Start Bootstrap - Half Slider HTML Template (http://startbootstrap.com)
  3.  * Code licensed under the Apache License v2.0.
  4.  * For details, see http://www.apache.org/licenses/LICENSE-2.0.
  5.  */
  6.  
  7. html,
  8. body {
  9.     height: 100%;
  10. }
  11.  
  12. /* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */
  13.  
  14. .carousel {
  15.     height: 50%;
  16. }
  17.  
  18. .item,
  19. .active,
  20. .carousel-inner {
  21.     height: 100%;
  22. }
  23.  
  24. /* Background images are set within the HTML using inline CSS, not here */
  25.  
  26. .fill {
  27.     width: 100%;
  28.     height: 100%;
  29.     background-position: center;
  30.     -webkit-background-size: cover;
  31.     -moz-background-size: cover;
  32.     background-size: cover;
  33.     -o-background-size: cover;
  34. }
  35.  
  36. footer {
  37.     margin: 50px 0;
  38. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.