Search
 
SCRIPT & CODE EXAMPLE
 

CSS

if navbar items not shown on responsive page

body {
  padding-top: 50px;
  color: #959595;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: black;
}

.feature {
  background-color: #6A0E0E;
  color: white;
}

.article-intro {
  margin-bottom: 25px;
}

/* Start Toggle */
 
 .toggle {
    width: 30px;
    padding: 10px;
    float: right;
    background-color: #00BCD4;
    border-radius: 10px;
    margin: 6px;
    cursor: pointer;
    display: none;
 }
 
 .toggle span {
    width: 100%;
    height: 4px;
    background-color: #fff;
    display: block;
    margin-bottom: 3px;
 }
 /* End Toggle */



.footer-blurb {
  padding: 30px 0;
  background-color: yellowgreen;
  color: black;
}

.footer-blurb-item {
  padding: 30px;
}

.small-print {
  background-color: #fff;
  padding: 30px 0;
}


/* line height is 20px by default so add 30px top and bottom to equal the new .navbar-brand 80px height  */

.navbar .navbar-brand {
  height: 80px;
}

.navbar .nav>li>a {
  padding-top: 30px;
  padding-bottom: 10px;
}

.navbar .navbar-toggle {
  padding: 10px;
  margin: 25px 15px 25px 0;
}

.navbar .navbar-form {
  padding-top: 16px;
  padding-bottom: 10px;
}

.nav.navbar-nav li a {
  /*padding-left: 70px;
padding-right: 40px;*/
  font-size: 1.2em;
}

#top-jumbotron {
  padding: 60px;
  font-size: 1.5em;
}

#top-jumbotron h1 {
  font-size: 2em;
  font-weight: bold;
}


/* resizing nav brand image*/

.navbar-brand>img {
  max-height: 100%;
  height: 100%;
  margin: 0 auto;
}

.btnSocial{
  color: #337ab7;
  font-size: 2em;
  margin-top: 0.45em;
  list-style-type: none;
}


/*carousel*/

.carousel{
    background: #2f4357;
    margin-top: 20px;
	margin-bottom:10px;
}
.carousel .item{
    min-height: 280px; /* Prevent carousel from being distorted if for some reason image doesn't load */

}
.carousel .item img{
    margin: 0 auto; /* Align slide image horizontally center */

}
.bs-example{
	margin: 20px;
}

.carousel-fullscreen .carousel-caption {
    top: 50%;  
    bottom: auto;
    -webkit-transform: translate(0, -50%); 
    -ms-transform: translate(0, -50%); 
    transform: translate(0, -50%);
}
Comment

PREVIOUS NEXT
Code Example
Css :: linear gradient 
Css :: border-style 
Css :: flex-direction 
Css :: how to put an element in the center css 
Css :: css animation-duration 
Css :: html how to ensure that the header always on top 
Css :: repeating-conic-gradient css 
Css :: css media queries if else 
Css :: css div hexagon 
Css :: alumina formula 
Typescript :: npm uninstall typescript 
Typescript :: remove dots from li 
Typescript :: random between two floats python 
Typescript :: python get file contents as string 
Typescript :: javax.validation.constraints does not exist 
Typescript :: switch case godot 
Typescript :: custom fonts css 
Typescript :: deno web server 
Typescript :: redux toolkit typescript install 
Typescript :: subplots titles 
Typescript :: serenity grid remove button 
Typescript :: highcharts cdn links 
Typescript :: jasmine angular contains expression 
Typescript :: adonis auth register 
Typescript :: linux copy contents of file to clipboard 
Typescript :: replace all br tags within node with paragraph opening and closing tags 
Typescript :: print consonants python 
Typescript :: how to use typescript to read a file 
Typescript :: nodejs jszip create zip file as buffer 
Typescript :: how to configure email alerts in grafana container 
ADD CONTENT
Topic
Content
Source link
Name
7+2 =