Right side of bootstrap container-fluid div is going outside of page wrapper
Blake Rivell
I am trying to figure out why the margin-left class on app-wrapper is messing up container-fluid. The right side of the container-fluid is getting pushed out of the page. The margin-left class is there to push app-wrapper away from the sidebar which is 50px wide.
html,
body {
height: 100vh;
}
#app-sidebar {
width: 50px;
height: 100%;
background: #102027;
float: left;
}
#app-wrapper {
margin-left: 50px;
height: 100%;
}
#header-wrapper {
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
height: 100px;
}
#header {
width: 100%;
height: 50px;
}
#subheader {
background-color: #37474f;
width: 100%;
height: 50px;
}
#subheader h4 {
color: #fff;
margin-top: 15.4px;
margin-bottom: 15.4px;
}
#content {
position: fixed;
overflow: auto;
margin-top: 100px;
margin-bottom: 30px;
height: calc(100% - 130px);
padding: 15px 0 15px 0;
}
#footer {
overflow: hidden;
position: fixed;
bottom: 0;
width: 100%;
height: 30px;
border-top: solid 1px #ccc;
}
.logo {
margin-top: 11.5px;
margin-bottom: 11.5px;
}<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Site layout</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div id="app-sidebar"></div>
<div id="app-wrapper">
<div id="header-wrapper">
<div id="header" class="container-fluid">
Logo Goes Here
</div>
<div id="subheader" class="container-fluid">
<h4>Page Title Goes Here</h4>
</div>
</div>
<div id="content" class="container-fluid">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt maximus tristique. In id sapien imperdiet, auctor
tortor quis, ultrices justo. Integer nisi arcu, accumsan nec laoreet non, efficitur a mi. Integer ultricies
leo non rutrum posuere. Vestibulum mattis sollicitudin rhoncus. Nullam elementum lacus velit, eu consequat
dolor suscipit a. Sed nec varius risus, quis eleifend nunc. Nullam hendrerit tellus a sem malesuada luctus.
Proin ornare mi nec nulla tristique, iaculis gravida ipsum fermentum. Sed eget massa sed erat mattis
maximus eget in sem. Donec imperdiet dictum cursus. Duis vel magna volutpat, ornare quam lobortis, pellentesque
sem. Sed arcu risus, pretium vel mauris eu, porta faucibus enim. Sed nec nibh est. Suspendisse volutpat
ac risus quis rhoncus. Pellentesque sed semper neque. Nam id risus tristique, viverra mauris vitae, eleifend
enim. Donec suscipit luctus odio, sed bibendum sem viverra id. Donec fringilla feugiat felis, quis imperdiet
nisl egestas eget. Nam lacinia ligula quis quam cursus, quis fermentum mauris aliquam. Donec blandit
orci id mauris condimentum tempus. Phasellus molestie odio felis, nec feugiat lacus bibendum eget. Vivamus
molestie pellentesque lacinia. Nam est leo, efficitur ac risus ac, placerat commodo nisi. Aenean non
tincidunt massa. In sollicitudin ultrices risus at ornare. Ut et lacus massa. Fusce et ultricies odio.
Nullam mattis risus quis sapien iaculis, in consequat libero congue. Donec feugiat volutpat velit sed
porttitor. Mauris dui mi, ullamcorper non porta vel, consectetur eget quam. Mauris dolor quam, vulputate
interdum auctor eget, tincidunt id enim. Vivamus aliquam consectetur magna. Morbi porta tortor ex, quis
varius ex tincidunt non. Proin dapibus non lacus eget vestibulum. Morbi efficitur nulla in turpis venenatis,
eget ornare mauris tristique. Pellentesque auctor fringilla rhoncus. Donec auctor in neque non rhoncus.
Nunc consequat, ipsum a hendrerit aliquet, odio tortor bibendum nunc, quis feugiat purus purus et libero.
Nulla leo nisi, laoreet nec vulputate accumsan, lobortis nec sapien. Donec blandit purus ut tempor hendrerit.
Phasellus sed massa velit. Integer fringilla at arcu ac venenatis. Interdum et malesuada fames ac ante
ipsum primis in faucibus. Maecenas sit amet varius enim. Curabitur quis sagittis dolor. Phasellus scelerisque
leo ante, ac bibendum ante placerat in. Aenean volutpat tempus massa vel mollis. Quisque et lacus ac
augue tincidunt eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis blandit arcu
sed ligula maximus, ac commodo sapien lobortis. Pellentesque hendrerit mauris nibh, a semper libero maximus
in. Suspendisse non arcu leo. Aliquam eget orci id elit consectetur maximus ac vitae lacus. Nam tristique
elit ac urna tempor, quis convallis mauris lobortis. Nulla dictum lorem ac dolor rhoncus blandit eget
vitae neque. Nunc quis elit sit amet sem iaculis vestibulum. Proin viverra orci non nulla tempus congue.
Nam vitae faucibus massa. Nullam vulputate dolor sit amet luctus molestie. Nunc mattis blandit ligula
eu tincidunt. Pellentesque sit amet magna a tellus molestie fringilla sed placerat tortor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt maximus tristique. In id sapien imperdiet, auctor
tortor quis, ultrices justo. Integer nisi arcu, accumsan nec laoreet non, efficitur a mi. Integer ultricies
leo non rutrum posuere. Vestibulum mattis sollicitudin rhoncus. Nullam elementum lacus velit, eu consequat
dolor suscipit a. Sed nec varius risus, quis eleifend nunc. Nullam hendrerit tellus a sem malesuada luctus.
Proin ornare mi nec nulla tristique, iaculis gravida ipsum fermentum. Sed eget massa sed erat mattis
maximus eget in sem. Donec imperdiet dictum cursus. Duis vel magna volutpat, ornare quam lobortis, pellentesque
sem. Sed arcu risus, pretium vel mauris eu, porta faucibus enim. Sed nec nibh est. Suspendisse volutpat
ac risus quis rhoncus. Pellentesque sed semper neque. Nam id risus tristique, viverra mauris vitae, eleifend
enim. Donec suscipit luctus odio, sed bibendum sem viverra id. Donec fringilla feugiat felis, quis imperdiet
nisl egestas eget. Nam lacinia ligula quis quam cursus, quis fermentum mauris aliquam. Donec blandit
orci id mauris condimentum tempus. Phasellus molestie odio felis, nec feugiat lacus bibendum eget. Vivamus
molestie pellentesque lacinia. Nam est leo, efficitur ac risus ac, placerat commodo nisi. Aenean non
tincidunt massa. In sollicitudin ultrices risus at ornare. Ut et lacus massa. Fusce et ultricies odio.
Nullam mattis risus quis sapien iaculis, in consequat libero congue. Donec feugiat volutpat velit sed
porttitor. Mauris dui mi, ullamcorper non porta vel, consectetur eget quam. Mauris dolor quam, vulputate
interdum auctor eget, tincidunt id enim. Vivamus aliquam consectetur magna. Morbi porta tortor ex, quis
varius ex tincidunt non. Proin dapibus non lacus eget vestibulum. Morbi efficitur nulla in turpis venenatis,
eget ornare mauris tristique. Pellentesque auctor fringilla rhoncus. Donec auctor in neque non rhoncus.
Nunc consequat, ipsum a hendrerit aliquet, odio tortor bibendum nunc, quis feugiat purus purus et libero.
Nulla leo nisi, laoreet nec vulputate accumsan, lobortis nec sapien. Donec blandit purus ut tempor hendrerit.
Phasellus sed massa velit. Integer fringilla at arcu ac venenatis. Interdum et malesuada fames ac ante
ipsum primis in faucibus. Maecenas sit amet varius enim. Curabitur quis sagittis dolor. Phasellus scelerisque
leo ante, ac bibendum ante placerat in. Aenean volutpat tempus massa vel mollis. Quisque et lacus ac
augue tincidunt eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis blandit arcu
sed ligula maximus, ac commodo sapien lobortis. Pellentesque hendrerit mauris nibh, a semper libero maximus
in. Suspendisse non arcu leo. Aliquam eget orci id elit consectetur maximus ac vitae lacus. Nam tristique
elit ac urna tempor, quis convallis mauris lobortis. Nulla dictum lorem ac dolor rhoncus blandit eget
vitae neque. Nunc quis elit sit amet sem iaculis vestibulum. Proin viverra orci non nulla tempus congue.
Nam vitae faucibus massa. Nullam vulputate dolor sit amet luctus molestie. Nunc mattis blandit ligula
eu tincidunt. Pellentesque sit amet magna a tellus molestie fringilla sed placerat tortor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt maximus tristique. In id sapien imperdiet, auctor
tortor quis, ultrices justo. Integer nisi arcu, accumsan nec laoreet non, efficitur a mi. Integer ultricies
leo non rutrum posuere. Vestibulum mattis sollicitudin rhoncus. Nullam elementum lacus velit, eu consequat
dolor suscipit a. Sed nec varius risus, quis eleifend nunc. Nullam hendrerit tellus a sem malesuada luctus.
Proin ornare mi nec nulla tristique, iaculis gravida ipsum fermentum. Sed eget massa sed erat mattis
maximus eget in sem. Donec imperdiet dictum cursus. Duis vel magna volutpat, ornare quam lobortis, pellentesque
sem. Sed arcu risus, pretium vel mauris eu, porta faucibus enim. Sed nec nibh est. Suspendisse volutpat
ac risus quis rhoncus. Pellentesque sed semper neque. Nam id risus tristique, viverra mauris vitae, eleifend
enim. Donec suscipit luctus odio, sed bibendum sem viverra id. Donec fringilla feugiat felis, quis imperdiet
nisl egestas eget. Nam lacinia ligula quis quam cursus, quis fermentum mauris aliquam. Donec blandit
orci id mauris condimentum tempus. Phasellus molestie odio felis, nec feugiat lacus bibendum eget. Vivamus
molestie pellentesque lacinia. Nam est leo, efficitur ac risus ac, placerat commodo nisi. Aenean non
tincidunt massa. In sollicitudin ultrices risus at ornare. Ut et lacus massa. Fusce et ultricies odio.
Nullam mattis risus quis sapien iaculis, in consequat libero congue. Donec feugiat volutpat velit sed
porttitor. Mauris dui mi, ullamcorper non porta vel, consectetur eget quam. Mauris dolor quam, vulputate
interdum auctor eget, tincidunt id enim. Vivamus aliquam consectetur magna. Morbi porta tortor ex, quis
varius ex tincidunt non. Proin dapibus non lacus eget vestibulum. Morbi efficitur nulla in turpis venenatis,
eget ornare mauris tristique. Pellentesque auctor fringilla rhoncus. Donec auctor in neque non rhoncus.
Nunc consequat, ipsum a hendrerit aliquet, odio tortor bibendum nunc, quis feugiat purus purus et libero.
Nulla leo nisi, laoreet nec vulputate accumsan, lobortis nec sapien. Donec blandit purus ut tempor hendrerit.
Phasellus sed massa velit. Integer fringilla at arcu ac venenatis. Interdum et malesuada fames ac ante
ipsum primis in faucibus. Maecenas sit amet varius enim. Curabitur quis sagittis dolor. Phasellus scelerisque
leo ante, ac bibendum ante placerat in. Aenean volutpat tempus massa vel mollis. Quisque et lacus ac
augue tincidunt eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis blandit arcu
sed ligula maximus, ac commodo sapien lobortis. Pellentesque hendrerit mauris nibh, a semper libero maximus
in. Suspendisse non arcu leo. Aliquam eget orci id elit consectetur maximus ac vitae lacus. Nam tristique
elit ac urna tempor, quis convallis mauris lobortis. Nulla dictum lorem ac dolor rhoncus blandit eget
vitae neque. Nunc quis elit sit amet sem iaculis vestibulum. Proin viverra orci non nulla tempus congue.
Nam vitae faucibus massa. Nullam vulputate dolor sit amet luctus molestie. Nunc mattis blandit ligula
eu tincidunt. Pellentesque sit amet magna a tellus molestie fringilla sed placerat tortor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt maximus tristique. In id sapien imperdiet, auctor
tortor quis, ultrices justo. Integer nisi arcu, accumsan nec laoreet non, efficitur a mi. Integer ultricies
leo non rutrum posuere. Vestibulum mattis sollicitudin rhoncus. Nullam elementum lacus velit, eu consequat
dolor suscipit a. Sed nec varius risus, quis eleifend nunc. Nullam hendrerit tellus a sem malesuada luctus.
Proin ornare mi nec nulla tristique, iaculis gravida ipsum fermentum. Sed eget massa sed erat mattis
maximus eget in sem. Donec imperdiet dictum cursus. Duis vel magna volutpat, ornare quam lobortis, pellentesque
sem. Sed arcu risus, pretium vel mauris eu, porta faucibus enim. Sed nec nibh est. Suspendisse volutpat
ac risus quis rhoncus. Pellentesque sed semper neque. Nam id risus tristique, viverra mauris vitae, eleifend
enim. Donec suscipit luctus odio, sed bibendum sem viverra id. Donec fringilla feugiat felis, quis imperdiet
nisl egestas eget. Nam lacinia ligula quis quam cursus, quis fermentum mauris aliquam. Donec blandit
orci id mauris condimentum tempus. Phasellus molestie odio felis, nec feugiat lacus bibendum eget. Vivamus
molestie pellentesque lacinia. Nam est leo, efficitur ac risus ac, placerat commodo nisi. Aenean non
tincidunt massa. In sollicitudin ultrices risus at ornare. Ut et lacus massa. Fusce et ultricies odio.
Nullam mattis risus quis sapien iaculis, in consequat libero congue. Donec feugiat volutpat velit sed
porttitor. Mauris dui mi, ullamcorper non porta vel, consectetur eget quam. Mauris dolor quam, vulputate
interdum auctor eget, tincidunt id enim. Vivamus aliquam consectetur magna. Morbi porta tortor ex, quis
varius ex tincidunt non. Proin dapibus non lacus eget vestibulum. Morbi efficitur nulla in turpis venenatis,
eget ornare mauris tristique. Pellentesque auctor fringilla rhoncus. Donec auctor in neque non rhoncus.
Nunc consequat, ipsum a hendrerit aliquet, odio tortor bibendum nunc, quis feugiat purus purus et libero.
Nulla leo nisi, laoreet nec vulputate accumsan, lobortis nec sapien. Donec blandit purus ut tempor hendrerit.
Phasellus sed massa velit. Integer fringilla at arcu ac venenatis. Interdum et malesuada fames ac ante
ipsum primis in faucibus. Maecenas sit amet varius enim. Curabitur quis sagittis dolor. Phasellus scelerisque
leo ante, ac bibendum ante placerat in. Aenean volutpat tempus massa vel mollis. Quisque et lacus ac
augue tincidunt eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis blandit arcu
sed ligula maximus, ac commodo sapien lobortis. Pellentesque hendrerit mauris nibh, a semper libero maximus
in. Suspendisse non arcu leo. Aliquam eget orci id elit consectetur maximus ac vitae lacus. Nam tristique
elit ac urna tempor, quis convallis mauris lobortis. Nulla dictum lorem ac dolor rhoncus blandit eget
vitae neque. Nunc quis elit sit amet sem iaculis vestibulum. Proin viverra orci non nulla tempus congue.
Nam vitae faucibus massa. Nullam vulputate dolor sit amet luctus molestie. Nunc mattis blandit ligula
eu tincidunt. Pellentesque sit amet magna a tellus molestie fringilla sed placerat tortor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt maximus tristique. In id sapien imperdiet, auctor
tortor quis, ultrices justo. Integer nisi arcu, accumsan nec laoreet non, efficitur a mi. Integer ultricies
leo non rutrum posuere. Vestibulum mattis sollicitudin rhoncus. Nullam elementum lacus velit, eu consequat
dolor suscipit a. Sed nec varius risus, quis eleifend nunc. Nullam hendrerit tellus a sem malesuada luctus.
Proin ornare mi nec nulla tristique, iaculis gravida ipsum fermentum. Sed eget massa sed erat mattis
maximus eget in sem. Donec imperdiet dictum cursus. Duis vel magna volutpat, ornare quam lobortis, pellentesque
sem. Sed arcu risus, pretium vel mauris eu, porta faucibus enim. Sed nec nibh est. Suspendisse volutpat
ac risus quis rhoncus. Pellentesque sed semper neque. Nam id risus tristique, viverra mauris vitae, eleifend
enim. Donec suscipit luctus odio, sed bibendum sem viverra id. Donec fringilla feugiat felis, quis imperdiet
nisl egestas eget. Nam lacinia ligula quis quam cursus, quis fermentum mauris aliquam. Donec blandit
orci id mauris condimentum tempus. Phasellus molestie odio felis, nec feugiat lacus bibendum eget. Vivamus
molestie pellentesque lacinia. Nam est leo, efficitur ac risus ac, placerat commodo nisi. Aenean non
tincidunt massa. In sollicitudin ultrices risus at ornare. Ut et lacus massa. Fusce et ultricies odio.
Nullam mattis risus quis sapien iaculis, in consequat libero congue. Donec feugiat volutpat velit sed
porttitor. Mauris dui mi, ullamcorper non porta vel, consectetur eget quam. Mauris dolor quam, vulputate
interdum auctor eget, tincidunt id enim. Vivamus aliquam consectetur magna. Morbi porta tortor ex, quis
varius ex tincidunt non. Proin dapibus non lacus eget vestibulum. Morbi efficitur nulla in turpis venenatis,
eget ornare mauris tristique. Pellentesque auctor fringilla rhoncus. Donec auctor in neque non rhoncus.
Nunc consequat, ipsum a hendrerit aliquet, odio tortor bibendum nunc, quis feugiat purus purus et libero.
Nulla leo nisi, laoreet nec vulputate accumsan, lobortis nec sapien. Donec blandit purus ut tempor hendrerit.
Phasellus sed massa velit. Integer fringilla at arcu ac venenatis. Interdum et malesuada fames ac ante
ipsum primis in faucibus. Maecenas sit amet varius enim. Curabitur quis sagittis dolor. Phasellus scelerisque
leo ante, ac bibendum ante placerat in. Aenean volutpat tempus massa vel mollis. Quisque et lacus ac
augue tincidunt eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis blandit arcu
sed ligula maximus, ac commodo sapien lobortis. Pellentesque hendrerit mauris nibh, a semper libero maximus
in. Suspendisse non arcu leo. Aliquam eget orci id elit consectetur maximus ac vitae lacus. Nam tristique
elit ac urna tempor, quis convallis mauris lobortis. Nulla dictum lorem ac dolor rhoncus blandit eget
vitae neque. Nunc quis elit sit amet sem iaculis vestibulum. Proin viverra orci non nulla tempus congue.
Nam vitae faucibus massa. Nullam vulputate dolor sit amet luctus molestie. Nunc mattis blandit ligula
eu tincidunt. Pellentesque sit amet magna a tellus molestie fringilla sed placerat tortor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt maximus tristique. In id sapien imperdiet, auctor
tortor quis, ultrices justo. Integer nisi arcu, accumsan nec laoreet non, efficitur a mi. Integer ultricies
leo non rutrum posuere. Vestibulum mattis sollicitudin rhoncus. Nullam elementum lacus velit, eu consequat
dolor suscipit a. Sed nec varius risus, quis eleifend nunc. Nullam hendrerit tellus a sem malesuada luctus.
Proin ornare mi nec nulla tristique, iaculis gravida ipsum fermentum. Sed eget massa sed erat mattis
maximus eget in sem. Donec imperdiet dictum cursus. Duis vel magna volutpat, ornare quam lobortis, pellentesque
sem. Sed arcu risus, pretium vel mauris eu, porta faucibus enim. Sed nec nibh est. Suspendisse volutpat
ac risus quis rhoncus. Pellentesque sed semper neque. Nam id risus tristique, viverra mauris vitae, eleifend
enim. Donec suscipit luctus odio, sed bibendum sem viverra id. Donec fringilla feugiat felis, quis imperdiet
nisl egestas eget. Nam lacinia ligula quis quam cursus, quis fermentum mauris aliquam. Donec blandit
orci id mauris condimentum tempus. Phasellus molestie odio felis, nec feugiat lacus bibendum eget. Vivamus
molestie pellentesque lacinia. Nam est leo, efficitur ac risus ac, placerat commodo nisi. Aenean non
tincidunt massa. In sollicitudin ultrices risus at ornare. Ut et lacus massa. Fusce et ultricies odio.
Nullam mattis risus quis sapien iaculis, in consequat libero congue. Donec feugiat volutpat velit sed
porttitor. Mauris dui mi, ullamcorper non porta vel, consectetur eget quam. Mauris dolor quam, vulputate
interdum auctor eget, tincidunt id enim. Vivamus aliquam consectetur magna. Morbi porta tortor ex, quis
varius ex tincidunt non. Proin dapibus non lacus eget vestibulum. Morbi efficitur nulla in turpis venenatis,
eget ornare mauris tristique. Pellentesque auctor fringilla rhoncus. Donec auctor in neque non rhoncus.
Nunc consequat, ipsum a hendrerit aliquet, odio tortor bibendum nunc, quis feugiat purus purus et libero.
Nulla leo nisi, laoreet nec vulputate accumsan, lobortis nec sapien. Donec blandit purus ut tempor hendrerit.
Phasellus sed massa velit. Integer fringilla at arcu ac venenatis. Interdum et malesuada fames ac ante
ipsum primis in faucibus. Maecenas sit amet varius enim. Curabitur quis sagittis dolor. Phasellus scelerisque
leo ante, ac bibendum ante placerat in. Aenean volutpat tempus massa vel mollis. Quisque et lacus ac
augue tincidunt eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis blandit arcu
sed ligula maximus, ac commodo sapien lobortis. Pellentesque hendrerit mauris nibh, a semper libero maximus
in. Suspendisse non arcu leo. Aliquam eget orci id elit consectetur maximus ac vitae lacus. Nam tristique
elit ac urna tempor, quis convallis mauris lobortis. Nulla dictum lorem ac dolor rhoncus blandit eget
vitae neque. Nunc quis elit sit amet sem iaculis vestibulum. Proin viverra orci non nulla tempus congue.
Nam vitae faucibus massa. Nullam vulputate dolor sit amet luctus molestie. Nunc mattis blandit ligula
eu tincidunt. Pellentesque sit amet magna a tellus molestie fringilla sed placerat tortor.
</p>
</div>
<div id="footer" class="container-fluid"></div>
</div>
</body>
</html>See the below image (notice the right side, no padding is showing): 
Tim Elsass
You are overriding padding with #content's padding:
padding: 15px 0 15px 0;
This is equivalent to:
padding-top: 15px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;
EDIT:
Initially I was looking at the content, but misunderstood the question. The op clarified with a screenshot that it was the header where the concern was. Adding a width to the wrapper to account for the offset introduced by the margin added for the sidebar provided the solution:
#header-wrapper {
width: calc( 100% - 50px);
}
Try this:
html,
body {
height: 100vh;
}
#app-sidebar {
width: 50px;
height: 100%;
background: #102027;
float: left;
}
#app-wrapper {
margin-left: 50px;
height: 100%;
}
#header-wrapper {
overflow: hidden;
position: fixed;
top: 0;
width: calc(100% - 50px);
height: 100px;
}
#header {
width: 100%;
height: 50px;
}
#subheader {
background-color: #37474f;
width: 100%;
height: 50px;
}
#subheader h4 {
color: #fff;
margin-top: 15.4px;
margin-bottom: 15.4px;
}
#content {
position: fixed;
overflow: auto;
margin-top: 100px;
margin-bottom: 30px;
height: calc(100% - 130px);
}
#footer {
overflow: hidden;
position: fixed;
bottom: 0;
width: 100%;
height: 30px;
border-top: solid 1px #ccc;
}
.logo {
margin-top: 11.5px;
margin-bottom: 11.5px;
}<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Site layout</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div id="app-sidebar"></div>
<div id="app-wrapper">
<div id="header-wrapper">
<div id="header" class="container-fluid">
Logo Goes Here
</div>
<div id="subheader" class="container-fluid">
<h4>Page Title Goes Here</h4>
</div>
</div>
<div id="content" class="container-fluid">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt maximus tristique. In id sapien imperdiet, auctor
tortor quis, ultrices justo. Integer nisi arcu, accumsan nec laoreet non, efficitur a mi. Integer ultricies
leo non rutrum posuere. Vestibulum mattis sollicitudin rhoncus. Nullam elementum lacus velit, eu consequat
dolor suscipit a. Sed nec varius risus, quis eleifend nunc. Nullam hendrerit tellus a sem malesuada luctus.
Proin ornare mi nec nulla tristique, iaculis gravida ipsum fermentum. Sed eget massa sed erat mattis
maximus eget in sem. Donec imperdiet dictum cursus. Duis vel magna volutpat, ornare quam lobortis, pellentesque
sem. Sed arcu risus, pretium vel mauris eu, porta faucibus enim. Sed nec nibh est. Suspendisse volutpat
ac risus quis rhoncus. Pellentesque sed semper neque. Nam id risus tristique, viverra mauris vitae, eleifend
enim. Donec suscipit luctus odio, sed bibendum sem viverra id. Donec fringilla feugiat felis, quis imperdiet
nisl egestas eget. Nam lacinia ligula quis quam cursus, quis fermentum mauris aliquam. Donec blandit
orci id mauris condimentum tempus. Phasellus molestie odio felis, nec feugiat lacus bibendum eget. Vivamus
molestie pellentesque lacinia. Nam est leo, efficitur ac risus ac, placerat commodo nisi. Aenean non
tincidunt massa. In sollicitudin ultrices risus at ornare. Ut et lacus massa. Fusce et ultricies odio.
Nullam mattis risus quis sapien iaculis, in consequat libero congue. Donec feugiat volutpat velit sed
porttitor. Mauris dui mi, ullamcorper non porta vel, consectetur eget quam. Mauris dolor quam, vulputate
interdum auctor eget, tincidunt id enim. Vivamus aliquam consectetur magna. Morbi porta tortor ex, quis
varius ex tincidunt non. Proin dapibus non lacus eget vestibulum. Morbi efficitur nulla in turpis venenatis,
eget ornare mauris tristique. Pellentesque auctor fringilla rhoncus. Donec auctor in neque non rhoncus.
Nunc consequat, ipsum a hendrerit aliquet, odio tortor bibendum nunc, quis feugiat purus purus et libero.
Nulla leo nisi, laoreet nec vulputate accumsan, lobortis nec sapien. Donec blandit purus ut tempor hendrerit.
Phasellus sed massa velit. Integer fringilla at arcu ac venenatis. Interdum et malesuada fames ac ante
ipsum primis in faucibus. Maecenas sit amet varius enim. Curabitur quis sagittis dolor. Phasellus scelerisque
leo ante, ac bibendum ante placerat in. Aenean volutpat tempus massa vel mollis. Quisque et lacus ac
augue tincidunt eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis blandit arcu
sed ligula maximus, ac commodo sapien lobortis. Pellentesque hendrerit mauris nibh, a semper libero maximus
in. Suspendisse non arcu leo. Aliquam eget orci id elit consectetur maximus ac vitae lacus. Nam tristique
elit ac urna tempor, quis convallis mauris lobortis. Nulla dictum lorem ac dolor rhoncus blandit eget
vitae neque. Nunc quis elit sit amet sem iaculis vestibulum. Proin viverra orci non nulla tempus congue.
Nam vitae faucibus massa. Nullam vulputate dolor sit amet luctus molestie. Nunc mattis blandit ligula
eu tincidunt. Pellentesque sit amet magna a tellus molestie fringilla sed placerat tortor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt maximus tristique. In id sapien imperdiet, auctor
tortor quis, ultrices justo. Integer nisi arcu, accumsan nec laoreet non, efficitur a mi. Integer ultricies
leo non rutrum posuere. Vestibulum mattis sollicitudin rhoncus. Nullam elementum lacus velit, eu consequat
dolor suscipit a. Sed nec varius risus, quis eleifend nunc. Nullam hendrerit tellus a sem malesuada luctus.
Proin ornare mi nec nulla tristique, iaculis gravida ipsum fermentum. Sed eget massa sed erat mattis
maximus eget in sem. Donec imperdiet dictum cursus. Duis vel magna volutpat, ornare quam lobortis, pellentesque
sem. Sed arcu risus, pretium vel mauris eu, porta faucibus enim. Sed nec nibh est. Suspendisse volutpat
ac risus quis rhoncus. Pellentesque sed semper neque. Nam id risus tristique, viverra mauris vitae, eleifend
enim. Donec suscipit luctus odio, sed bibendum sem viverra id. Donec fringilla feugiat felis, quis imperdiet
nisl egestas eget. Nam lacinia ligula quis quam cursus, quis fermentum mauris aliquam. Donec blandit
orci id mauris condimentum tempus. Phasellus molestie odio felis, nec feugiat lacus bibendum eget. Vivamus
molestie pellentesque lacinia. Nam est leo, efficitur ac risus ac, placerat commodo nisi. Aenean non
tincidunt massa. In sollicitudin ultrices risus at ornare. Ut et lacus massa. Fusce et ultricies odio.
Nullam mattis risus quis sapien iaculis, in consequat libero congue. Donec feugiat volutpat velit sed
porttitor. Mauris dui mi, ullamcorper non porta vel, consectetur eget quam. Mauris dolor quam, vulputate
interdum auctor eget, tincidunt id enim. Vivamus aliquam consectetur magna. Morbi porta tortor ex, quis
varius ex tincidunt non. Proin dapibus non lacus eget vestibulum. Morbi efficitur nulla in turpis venenatis,
eget ornare mauris tristique. Pellentesque auctor fringilla rhoncus. Donec auctor in neque non rhoncus.
Nunc consequat, ipsum a hendrerit aliquet, odio tortor bibendum nunc, quis feugiat purus purus et libero.
Nulla leo nisi, laoreet nec vulputate accumsan, lobortis nec sapien. Donec blandit purus ut tempor hendrerit.
Phasellus sed massa velit. Integer fringilla at arcu ac venenatis. Interdum et malesuada fames ac ante
ipsum primis in faucibus. Maecenas sit amet varius enim. Curabitur quis sagittis dolor. Phasellus scelerisque
leo ante, ac bibendum ante placerat in. Aenean volutpat tempus massa vel mollis. Quisque et lacus ac
augue tincidunt eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis blandit arcu
sed ligula maximus, ac commodo sapien lobortis. Pellentesque hendrerit mauris nibh, a semper libero maximus
in. Suspendisse non arcu leo. Aliquam eget orci id elit consectetur maximus ac vitae lacus. Nam tristique
elit ac urna tempor, quis convallis mauris lobortis. Nulla dictum lorem ac dolor rhoncus blandit eget
vitae neque. Nunc quis elit sit amet sem iaculis vestibulum. Proin viverra orci non nulla tempus congue.
Nam vitae faucibus massa. Nullam vulputate dolor sit amet luctus molestie. Nunc mattis blandit ligula
eu tincidunt. Pellentesque sit amet magna a tellus molestie fringilla sed placerat tortor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt maximus tristique. In id sapien imperdiet, auctor
tortor quis, ultrices justo. Integer nisi arcu, accumsan nec laoreet non, efficitur a mi. Integer ultricies
leo non rutrum posuere. Vestibulum mattis sollicitudin rhoncus. Nullam elementum lacus velit, eu consequat
dolor suscipit a. Sed nec varius risus, quis eleifend nunc. Nullam hendrerit tellus a sem malesuada luctus.
Proin ornare mi nec nulla tristique, iaculis gravida ipsum fermentum. Sed eget massa sed erat mattis
maximus eget in sem. Donec imperdiet dictum cursus. Duis vel magna volutpat, ornare quam lobortis, pellentesque
sem. Sed arcu risus, pretium vel mauris eu, porta faucibus enim. Sed nec nibh est. Suspendisse volutpat
ac risus quis rhoncus. Pellentesque sed semper neque. Nam id risus tristique, viverra mauris vitae, eleifend
enim. Donec suscipit luctus odio, sed bibendum sem viverra id. Donec fringilla feugiat felis, quis imperdiet
nisl egestas eget. Nam lacinia ligula quis quam cursus, quis fermentum mauris aliquam. Donec blandit
orci id mauris condimentum tempus. Phasellus molestie odio felis, nec feugiat lacus bibendum eget. Vivamus
molestie pellentesque lacinia. Nam est leo, efficitur ac risus ac, placerat commodo nisi. Aenean non
tincidunt massa. In sollicitudin ultrices risus at ornare. Ut et lacus massa. Fusce et ultricies odio.
Nullam mattis risus quis sapien iaculis, in consequat libero congue. Donec feugiat volutpat velit sed
porttitor. Mauris dui mi, ullamcorper non porta vel, consectetur eget quam. Mauris dolor quam, vulputate
interdum auctor eget, tincidunt id enim. Vivamus aliquam consectetur magna. Morbi porta tortor ex, quis
varius ex tincidunt non. Proin dapibus non lacus eget vestibulum. Morbi efficitur nulla in turpis venenatis,
eget ornare mauris tristique. Pellentesque auctor fringilla rhoncus. Donec auctor in neque non rhoncus.
Nunc consequat, ipsum a hendrerit aliquet, odio tortor bibendum nunc, quis feugiat purus purus et libero.
Nulla leo nisi, laoreet nec vulputate accumsan, lobortis nec sapien. Donec blandit purus ut tempor hendrerit.
Phasellus sed massa velit. Integer fringilla at arcu ac venenatis. Interdum et malesuada fames ac ante
ipsum primis in faucibus. Maecenas sit amet varius enim. Curabitur quis sagittis dolor. Phasellus scelerisque
leo ante, ac bibendum ante placerat in. Aenean volutpat tempus massa vel mollis. Quisque et lacus ac
augue tincidunt eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis blandit arcu
sed ligula maximus, ac commodo sapien lobortis. Pellentesque hendrerit mauris nibh, a semper libero maximus
in. Suspendisse non arcu leo. Aliquam eget orci id elit consectetur maximus ac vitae lacus. Nam tristique
elit ac urna tempor, quis convallis mauris lobortis. Nulla dictum lorem ac dolor rhoncus blandit eget
vitae neque. Nunc quis elit sit amet sem iaculis vestibulum. Proin viverra orci non nulla tempus congue.
Nam vitae faucibus massa. Nullam vulputate dolor sit amet luctus molestie. Nunc mattis blandit ligula
eu tincidunt. Pellentesque sit amet magna a tellus molestie fringilla sed placerat tortor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt maximus tristique. In id sapien imperdiet, auctor
tortor quis, ultrices justo. Integer nisi arcu, accumsan nec laoreet non, efficitur a mi. Integer ultricies
leo non rutrum posuere. Vestibulum mattis sollicitudin rhoncus. Nullam elementum lacus velit, eu consequat
dolor suscipit a. Sed nec varius risus, quis eleifend nunc. Nullam hendrerit tellus a sem malesuada luctus.
Proin ornare mi nec nulla tristique, iaculis gravida ipsum fermentum. Sed eget massa sed erat mattis
maximus eget in sem. Donec imperdiet dictum cursus. Duis vel magna volutpat, ornare quam lobortis, pellentesque
sem. Sed arcu risus, pretium vel mauris eu, porta faucibus enim. Sed nec nibh est. Suspendisse volutpat
ac risus quis rhoncus. Pellentesque sed semper neque. Nam id risus tristique, viverra mauris vitae, eleifend
enim. Donec suscipit luctus odio, sed bibendum sem viverra id. Donec fringilla feugiat felis, quis imperdiet
nisl egestas eget. Nam lacinia ligula quis quam cursus, quis fermentum mauris aliquam. Donec blandit
orci id mauris condimentum tempus. Phasellus molestie odio felis, nec feugiat lacus bibendum eget. Vivamus
molestie pellentesque lacinia. Nam est leo, efficitur ac risus ac, placerat commodo nisi. Aenean non
tincidunt massa. In sollicitudin ultrices risus at ornare. Ut et lacus massa. Fusce et ultricies odio.
Nullam mattis risus quis sapien iaculis, in consequat libero congue. Donec feugiat volutpat velit sed
porttitor. Mauris dui mi, ullamcorper non porta vel, consectetur eget quam. Mauris dolor quam, vulputate
interdum auctor eget, tincidunt id enim. Vivamus aliquam consectetur magna. Morbi porta tortor ex, quis
varius ex tincidunt non. Proin dapibus non lacus eget vestibulum. Morbi efficitur nulla in turpis venenatis,
eget ornare mauris tristique. Pellentesque auctor fringilla rhoncus. Donec auctor in neque non rhoncus.
Nunc consequat, ipsum a hendrerit aliquet, odio tortor bibendum nunc, quis feugiat purus purus et libero.
Nulla leo nisi, laoreet nec vulputate accumsan, lobortis nec sapien. Donec blandit purus ut tempor hendrerit.
Phasellus sed massa velit. Integer fringilla at arcu ac venenatis. Interdum et malesuada fames ac ante
ipsum primis in faucibus. Maecenas sit amet varius enim. Curabitur quis sagittis dolor. Phasellus scelerisque
leo ante, ac bibendum ante placerat in. Aenean volutpat tempus massa vel mollis. Quisque et lacus ac
augue tincidunt eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis blandit arcu
sed ligula maximus, ac commodo sapien lobortis. Pellentesque hendrerit mauris nibh, a semper libero maximus
in. Suspendisse non arcu leo. Aliquam eget orci id elit consectetur maximus ac vitae lacus. Nam tristique
elit ac urna tempor, quis convallis mauris lobortis. Nulla dictum lorem ac dolor rhoncus blandit eget
vitae neque. Nunc quis elit sit amet sem iaculis vestibulum. Proin viverra orci non nulla tempus congue.
Nam vitae faucibus massa. Nullam vulputate dolor sit amet luctus molestie. Nunc mattis blandit ligula
eu tincidunt. Pellentesque sit amet magna a tellus molestie fringilla sed placerat tortor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt maximus tristique. In id sapien imperdiet, auctor
tortor quis, ultrices justo. Integer nisi arcu, accumsan nec laoreet non, efficitur a mi. Integer ultricies
leo non rutrum posuere. Vestibulum mattis sollicitudin rhoncus. Nullam elementum lacus velit, eu consequat
dolor suscipit a. Sed nec varius risus, quis eleifend nunc. Nullam hendrerit tellus a sem malesuada luctus.
Proin ornare mi nec nulla tristique, iaculis gravida ipsum fermentum. Sed eget massa sed erat mattis
maximus eget in sem. Donec imperdiet dictum cursus. Duis vel magna volutpat, ornare quam lobortis, pellentesque
sem. Sed arcu risus, pretium vel mauris eu, porta faucibus enim. Sed nec nibh est. Suspendisse volutpat
ac risus quis rhoncus. Pellentesque sed semper neque. Nam id risus tristique, viverra mauris vitae, eleifend
enim. Donec suscipit luctus odio, sed bibendum sem viverra id. Donec fringilla feugiat felis, quis imperdiet
nisl egestas eget. Nam lacinia ligula quis quam cursus, quis fermentum mauris aliquam. Donec blandit
orci id mauris condimentum tempus. Phasellus molestie odio felis, nec feugiat lacus bibendum eget. Vivamus
molestie pellentesque lacinia. Nam est leo, efficitur ac risus ac, placerat commodo nisi. Aenean non
tincidunt massa. In sollicitudin ultrices risus at ornare. Ut et lacus massa. Fusce et ultricies odio.
Nullam mattis risus quis sapien iaculis, in consequat libero congue. Donec feugiat volutpat velit sed
porttitor. Mauris dui mi, ullamcorper non porta vel, consectetur eget quam. Mauris dolor quam, vulputate
interdum auctor eget, tincidunt id enim. Vivamus aliquam consectetur magna. Morbi porta tortor ex, quis
varius ex tincidunt non. Proin dapibus non lacus eget vestibulum. Morbi efficitur nulla in turpis venenatis,
eget ornare mauris tristique. Pellentesque auctor fringilla rhoncus. Donec auctor in neque non rhoncus.
Nunc consequat, ipsum a hendrerit aliquet, odio tortor bibendum nunc, quis feugiat purus purus et libero.
Nulla leo nisi, laoreet nec vulputate accumsan, lobortis nec sapien. Donec blandit purus ut tempor hendrerit.
Phasellus sed massa velit. Integer fringilla at arcu ac venenatis. Interdum et malesuada fames ac ante
ipsum primis in faucibus. Maecenas sit amet varius enim. Curabitur quis sagittis dolor. Phasellus scelerisque
leo ante, ac bibendum ante placerat in. Aenean volutpat tempus massa vel mollis. Quisque et lacus ac
augue tincidunt eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis blandit arcu
sed ligula maximus, ac commodo sapien lobortis. Pellentesque hendrerit mauris nibh, a semper libero maximus
in. Suspendisse non arcu leo. Aliquam eget orci id elit consectetur maximus ac vitae lacus. Nam tristique
elit ac urna tempor, quis convallis mauris lobortis. Nulla dictum lorem ac dolor rhoncus blandit eget
vitae neque. Nunc quis elit sit amet sem iaculis vestibulum. Proin viverra orci non nulla tempus congue.
Nam vitae faucibus massa. Nullam vulputate dolor sit amet luctus molestie. Nunc mattis blandit ligula
eu tincidunt. Pellentesque sit amet magna a tellus molestie fringilla sed placerat tortor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt maximus tristique. In id sapien imperdiet, auctor
tortor quis, ultrices justo. Integer nisi arcu, accumsan nec laoreet non, efficitur a mi. Integer ultricies
leo non rutrum posuere. Vestibulum mattis sollicitudin rhoncus. Nullam elementum lacus velit, eu consequat
dolor suscipit a. Sed nec varius risus, quis eleifend nunc. Nullam hendrerit tellus a sem malesuada luctus.
Proin ornare mi nec nulla tristique, iaculis gravida ipsum fermentum. Sed eget massa sed erat mattis
maximus eget in sem. Donec imperdiet dictum cursus. Duis vel magna volutpat, ornare quam lobortis, pellentesque
sem. Sed arcu risus, pretium vel mauris eu, porta faucibus enim. Sed nec nibh est. Suspendisse volutpat
ac risus quis rhoncus. Pellentesque sed semper neque. Nam id risus tristique, viverra mauris vitae, eleifend
enim. Donec suscipit luctus odio, sed bibendum sem viverra id. Donec fringilla feugiat felis, quis imperdiet
nisl egestas eget. Nam lacinia ligula quis quam cursus, quis fermentum mauris aliquam. Donec blandit
orci id mauris condimentum tempus. Phasellus molestie odio felis, nec feugiat lacus bibendum eget. Vivamus
molestie pellentesque lacinia. Nam est leo, efficitur ac risus ac, placerat commodo nisi. Aenean non
tincidunt massa. In sollicitudin ultrices risus at ornare. Ut et lacus massa. Fusce et ultricies odio.
Nullam mattis risus quis sapien iaculis, in consequat libero congue. Donec feugiat volutpat velit sed
porttitor. Mauris dui mi, ullamcorper non porta vel, consectetur eget quam. Mauris dolor quam, vulputate
interdum auctor eget, tincidunt id enim. Vivamus aliquam consectetur magna. Morbi porta tortor ex, quis
varius ex tincidunt non. Proin dapibus non lacus eget vestibulum. Morbi efficitur nulla in turpis venenatis,
eget ornare mauris tristique. Pellentesque auctor fringilla rhoncus. Donec auctor in neque non rhoncus.
Nunc consequat, ipsum a hendrerit aliquet, odio tortor bibendum nunc, quis feugiat purus purus et libero.
Nulla leo nisi, laoreet nec vulputate accumsan, lobortis nec sapien. Donec blandit purus ut tempor hendrerit.
Phasellus sed massa velit. Integer fringilla at arcu ac venenatis. Interdum et malesuada fames ac ante
ipsum primis in faucibus. Maecenas sit amet varius enim. Curabitur quis sagittis dolor. Phasellus scelerisque
leo ante, ac bibendum ante placerat in. Aenean volutpat tempus massa vel mollis. Quisque et lacus ac
augue tincidunt eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis blandit arcu
sed ligula maximus, ac commodo sapien lobortis. Pellentesque hendrerit mauris nibh, a semper libero maximus
in. Suspendisse non arcu leo. Aliquam eget orci id elit consectetur maximus ac vitae lacus. Nam tristique
elit ac urna tempor, quis convallis mauris lobortis. Nulla dictum lorem ac dolor rhoncus blandit eget
vitae neque. Nunc quis elit sit amet sem iaculis vestibulum. Proin viverra orci non nulla tempus congue.
Nam vitae faucibus massa. Nullam vulputate dolor sit amet luctus molestie. Nunc mattis blandit ligula
eu tincidunt. Pellentesque sit amet magna a tellus molestie fringilla sed placerat tortor.
</p>
</div>
<div id="footer" class="container-fluid"></div>
</div>
</body>
</html>Este artigo é coletado da Internet.
Se houver alguma infração, entre em [email protected] Delete.
editar em
Artigos relacionados
TOP lista
- 1
R Shiny: use HTML em funções (como textInput, checkboxGroupInput)
- 2
UITextView não está exibindo texto longo
- 3
Dependência circular de diálogo personalizado
- 4
Acessando relatório de campanhas na AdMob usando a API do Adsense
- 5
Como assinar digitalmente um documento PDF com assinatura e texto visíveis usando Java
- 6
R Folheto. Dados de pontos de grupo em células para resumir muitos pontos de dados
- 7
Setas rotuladas horizontais apontando para uma linha vertical
- 8
O Chromium e o Firefox exibem as cores de maneira diferente e não sei qual deles está fazendo certo
- 9
Definir um clipe em uma trama nascida no mar
- 10
Por que meus intervalos de confiança de 95% da minha regressão multivariada estão sendo plotados como uma linha de loess?
- 11
Como dinamizar um Dataframe do pandas em Python?
- 12
regex para destacar novos caracteres de linha no início e no fim
- 13
Why isn't my C# .Net Core Rest API route finding my method?
- 14
Como obter a entrada de trás de diálogo em treeview pyqt5 python 3
- 15
Tabela CSS: barra de rolagem para a primeira coluna e largura automática para a coluna restante
- 16
How to create dynamic navigation menu select from database using Codeigniter?
- 17
Como recuperar parâmetros de entrada usando C #?
- 18
Changing long, lat values of Polygon coordinates in python
- 19
Livros sobre criptografia do muito básico ao muito avançado
- 20
Método \ "POST \" não permitido no framework Django rest com ações extras & ModelViewset
- 21
Pesquisa classificada, conte números abaixo do valor desejado
deixe-me dizer algumas palavras