static/scss/bootstrap-4.0.0-alpha.6/docs/examples/justified-nav/justified-nav.css

   1 body {
   2   padding-top: 20px;
   3 }
   4
   5 .footer {
   6   padding-top: 40px;
   7   padding-bottom: 40px;
   8   margin-top: 40px;
   9   border-top: 1px solid #eee;
  10 }
  11
  12 /* Main marketing message and sign up button */
  13 .jumbotron {
  14   text-align: center;
  15   background-color: transparent;
  16 }
  17 .jumbotron .btn {
  18   padding: 14px 24px;
  19   font-size: 21px;
  20 }
  21
  22 .navbar {
  23   background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7),to(#eee));
  24   background-image: -webkit-linear-gradient(top, #f7f7f7 0%,#eee 100%);
  25   background-image: -o-linear-gradient(top, #f7f7f7 0%,#eee 100%);
  26   background-image: linear-gradient(to bottom, #f7f7f7 0%,#eee 100%);
  27   border: 1px solid #e5e5e5;
  28 }
  29
  30 @media (min-width: 768px) {
  31   .navbar-nav {
  32     display: -webkit-box;
  33     display: -webkit-flex;
  34     display: -ms-flexbox;
  35     display: flex;
  36   }
  37
  38   .navbar-nav .nav-item {
  39     -webkit-box-flex: 1;
  40     -webkit-flex: 1 0 auto;
  41         -ms-flex: 1 0 auto;
  42             flex: 1 0 auto;
  43   }
  44 }
  45
  46 /* Responsive: Portrait tablets and up */
  47 @media screen and (min-width: 768px) {
  48   /* Remove the padding we set earlier */
  49   .masthead,
  50   .marketing,
  51   .footer {
  52     padding-right: 0;
  53     padding-left: 0;
  54   }
  55 }