html - (Bootstrap) My background gets cut off near the bottom -
i'm making website school project using bootstrap, , in website background gets cut off toward bottom of content. should continue bottom of content. can't figure out why, can me? here's dropbox download link website. sorry it's not in jsfiddle. https://www.dropbox.com/s/yndtqv5em7m8fdd/test.zip?dl=0
try code:
<html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- above 3 meta tags *must* come first in head; other head content must come *after* these tags --> <title>lorem ipsum dolor sit jeremy's website</title> <!-- bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- bootstrap theme --> <link href="css/bootstrap-theme.min.css" rel="stylesheet"> <!-- ie10 viewport hack surface/desktop windows 8 bug --> <link href="css/ie10-viewport-bug-workaround.css" rel="stylesheet"> <!-- custom styles --> <link href="theme.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="test.css" /> <!-- fonts --> <link href='http://fonts.googleapis.com/css?family=open+sans:400,300,800' rel='stylesheet' type='text/css'> <link href="https://fonts.googleapis.com/css?family=eb+garamond" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=fredoka+one" rel="stylesheet"> <!-- html5 shim , respond.js ie8 support of html5 elements , media queries --> <!-- warning: respond.js doesn't work if view page via file:// --> <!--[if lt ie 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <html> <body> <div class="container-fluid" role="main"> <div class="body"> <section class="contentpage" id="page1"> <div class="col-md-12"> <header> <h1>summary</h1> <h2>subheading placeholder</h2> </header> </div> <div class="col-md-8 col-md-offset-2 bodypg">quorum eiusmod adipisicing. arbitror enim iudicem in sed cillum dolor malis vidisse, velit consequat non firmissimum, occaecat se eiusmod, expetendis iis fore cernantur, labore praesentibus quibusdam minim mentitum, mandaremus veniam id consequat efflorescere, commodo tamen dolore incurreret labore. quorum efflorescere appellat velit quibusdam, et incididunt philosophari, occaecat summis mentitum, offendit illum quamquam ullamco sed ullamco praesentibus non incurreret quo legam aliquip, possumus quid ad admodum eruditionem et fugiat de quamquam cillum. offendit ut ingeniis. aliqua philosophari probant illum senserit, ad nescius coniunctione, admodum eu eram ne mentitum voluptatibus incurreret. quid despicationes. aute firmissimum mandaremus quis occaecat, anim e incurreret sed duis enim instituendarum aliquip cillum quibusdam, fugiat excepteur iudicem, malis incididunt nam dolor multos, senserit sint ullamco aliquip si pariatur est laboris e mandaremus enim ab singulis fidelissimae. offendit dolore offendit ad de legam illum legam cupidatat, se o eram veniam velit hic magna offendit comprehenderit hic id illum possumus distinguantur, ex summis probant incididunt eu aliquip eiusmod, cupidatat voluptatibus aut doctrina.<br><br> </div> </section> <section class="contentpage" id="page2"> <div class="col-md-12" > <header> <h1>page 2</h1> <h2>this placeholder text</h2> </header> </div> <div class="col-md-8 col-md-offset-2 bodypg">velit familiaritatem incididunt dolor mandaremus. aut consequat te occaecat ea commodo philosophari qui excepteur, ab illustriora iis qui ex ipsum amet eram, mandaremus ut cernantur ad malis expetendis aliquip, mandaremus non elit ingeniis non culpa senserit firmissimum. deserunt relinqueret ita appellat, ullamco sunt e vidisse praetermissum velit probant e labore labore, iis quorum tempor voluptate. ullamco exquisitaque ut cernantur. cupidatat est quid ullamco. minim ex proident ubi qui esse quis nam incididunt, mentitum velit consequat expetendis o iis aliquip firmissimum. esse admodum despicationes, varias cupidatat te praesentibus si senserit varias id officia imitarentur, senserit sunt veniam excepteur irure. </div> </section> <section class="contentpage" id="page3"> <div class="col-md-12" > <header> <h1>page 3</h1> <h2>this placeholder text</h2> </header> </div> <div class="col-md-8 col-md-offset-2 bodypg">an id exquisitaque, sed irure quis amet ingeniis, ullamco multos vidisse tempor ea ut magna litteris domesticarum. incurreret quorum pariatur concursionibus qui eiusmod legam o commodo coniunctione non eram excepteur o eruditionem noster probant transferrem. ab iis voluptatibus et dolore graviterque incididunt sint quibusdam ab ex sunt litteris nostrud est mandaremus ex culpa singulis, appellat quem incurreret laborum, senserit qui nisi ne o familiaritatem te senserit et ingeniis. tamen ita ad fugiat pariatur o mandaremus noster eram te minim, quis incididunt iis fugiat quae de o esse se cillum, dolor officia est exercitation, si proident est iudicem, ad te malis dolore illum hic senserit in deserunt. doctrina sint nisi ad dolor, ad est fidelissimae, quid non iudicem, ab culpa praesentibus, dolor doctrina sed nescius, veniam mandaremus ingeniis, nostrud culpa deserunt nostrud, ne ita quid nescius. commodo sunt veniam nam legam. in sunt de nulla, est excepteur eruditionem, ex esse vidisse consectetur, non ut minim veniam esse ex admodum quorum eram tamen, eu ipsum fugiat ut mandaremus, in cillum singulis offendit, veniam possumus iis vidisse. </div> </section> <section class="contentpage" id="page4"> <div class="col-md-12" > <header> <h1>page 4</h1> <h2>this placeholder text</h2> </header> </div> <div class="col-md-8 col-md-offset-2 bodypg">nulla voluptate voluptate de sint pariatur si firmissimum, occaecat sed cupidatat ab laboris exquisitaque, ubi quorum senserit o mentitum distinguantur iis laborum, id ubi culpa fugiat cillum ut senserit quis non deserunt reprehenderit. iudicem exquisitaque non admodum. ita magna ex multos. non hic velit expetendis ut fabulas id aliquip, tempor fore senserit et tempor culpa irure amet. mentitum qui duis tempor nisi ullamco proident. irure ex doctrina iis officia ne legam, sunt litteris instituendarum, quid aut laboris, velit arbitrantur excepteur quae ullamco ut eu dolore veniam duis quibusdam, cillum eram quorum singulis iis quem o nescius iis ipsum. consequat de nisi. </div> </section> <section class="contentpage" id="page5"> <div class="col-md-12" > <header> <h1>page 5</h1> <h2>this placeholder text</h2> </header> </div> <div class="col-md-8 col-md-offset-2 bodypg">nulla senserit ab ipsum illum ut voluptate noster tamen in esse. cillum pariatur litteris. nam magna officia. velit excepteur ea magna. ingeniis anim o quibusdam consectetur. eu quorum deserunt. velit expetendis hic commodo, singulis distinguantur ita tempor, e ne enim velit ipsum de o legam singulis graviterque, e quis aute malis admodum quid mentitum efflorescere, commodo familiaritatem se litteris sed eu quem aliqua se deserunt. arbitror aute appellat aut nam nam veniam fugiat esse in tempor fugiat iis nostrud sempiternum, labore o proident in quem hic se multos iudicem praetermissum qui tamen concursionibus aliquip labore quibusdam noster imitarentur senserit fugiat excepteur ita qui summis nescius appellat.<br><br> <div class="text-justify fancy"> <div class="blockquote">in series of experiments on small numbers of gamers (10 14 people in each study), researchers reported gamers previous experience of playing such action video games better @ perceptual tasks such pattern discrimination gamers less experience.<br> in experiment, trained gamers had little previous experience of playing action games, giving them 50 hours practice. showed these gamers performed better on perceptual tasks had prior training. </div> <footer>~ mark griffiths, conversation <a href="http://theconversation.com/playing-video-games-is-good-for-your-brain-heres-how-34034">(source)</a></footer> </div><br> <strong>survey results:</strong><br> excepteur et aliqua quibusdam ne qui legam doctrina transferrem. enim pariatur ne labore quae ubi amet commodo singulis. legam expetendis est multos quid, de duis arbitrantur de et ita legam quae sint, dolor singulis ubi proident. si hic consectetur, laborum illum occaecat admodum. enim cupidatat eruditionem sed ingeniis aliqua aliqua senserit duis id labore si litteris si duis tractavissent laborum amet nescius. anim occaecat ex iudicem si nulla tamen eu ullamco, enim singulis iis instituendarum, ut nostrud qui nescius, nostrud aliqua ea laboris graviterque, hic cillum voluptate laborum o ubi quid arbitror, ne quae quamquam. proident ne incurreret. dolor domesticarum consequat enim quibusdam te culpa mandaremus litteris. irure appellat aut incurreret, ubi admodum philosophari tempor quo fore excepteur de varias cernantur imitarentur. velit imitarentur mandaremus labore excepteur. excepteur labore occaecat. fore ea si tamen probant, eiusmod irure mandaremus transferrem. eram mentitum et elit, in veniam ne multos.<br><br> <strong>one short answer question in survey "why think playing games makes marks worse/better?"<br>following student responses.</strong><br><br> <img src="img/piemarks.png"> <div class="text-justify fancy"><div class="opinion">opinion: worsens</div> <div class="blockquote">i don't think personal activities affect schoolwork, if play much, preventing completion of schoolwork , revision, , importantly omitting proper sleep if staying late, becomes problem. controlled playing hours must happen. </div> </div> <br><br> <div class="text-justify fancy"><div class="opinion">opinion: improves</div> <div class="blockquote">yes </div> </div> <br><br> <div class="text-justify fancy"><div class="opinion">opinion: worsens</div> <div class="blockquote">in right amount it's fine, good. playing lot distract school work, improve marks.</div> </div> <br><br> <div class="text-justify fancy"><div class="opinion">opinion: improves</div> <div class="blockquote">it can depending type of game play. puzzle games can improve them most.</div> </div> <br><br> <div class="text-justify fancy"><div class="opinion">opinion: worsens</div> <div class="blockquote">it addictive, , in opinion, there infinite amount of study done, , playing wasting limited amount of time have. </div> </div> <br><br> <div class="text-justify fancy"><div class="opinion">opinion: improves</div> <div class="blockquote">i believe strategy involved when playing video games way train brain able make quick descions.</div> </div> <br><br> <div class="text-justify fancy"><div class="opinion">opinion: worsens</div> <div class="blockquote">it distracts me doing study/homework</div> </div> <br><br> <div class="text-justify fancy"><div class="opinion">opinion: improves</div> <div class="blockquote">relieving stress , tension having fun , playing games keeps worries off mind , allows me focus on school when need to. games improving cognitive functions.</div> </div> <br><br> <div class="text-justify fancy"><div class="opinion">opinion: worsens</div> <div class="blockquote">well marks haven't gotten better, have they?</div> </div> <br><br> <div class="text-justify fancy"><div class="opinion">opinion: worsens</div> <div class="blockquote">takes time out of possible study time , serves more distraction above else.</div> </div> <br><br> </div> <div class="clearfix"></div> </section> <section class="contentpage" id="page6"> <div class="col-md-12" > <header> <h1>page 6</h1> <h2>this placeholder text</h2> </header> </div> <div class="col-md-8 col-md-offset-2 bodypg">de quo minim culpa enim id dolore familiaritatem mandaremus fore doctrina. illum arbitrantur ingeniis malis ingeniis, mentitum aute ex singulis despicationes, aliquip sed irure ne nam incididunt ab iudicem, id cupidatat est incurreret qui laboris quorum in tempor exquisitaque, duis pariatur arbitrantur sed non eiusmod nam pariatur. ingeniis duis multos non quem, noster doctrina fabulas ita appellat varias quae cupidatat legam, e irure probant instituendarum si e quibusdam tractavissent in cillum cupidatat ne dolor quae et ita tamen varias qui singulis, offendit legam sint admodum multos. velit ullamco de familiaritatem. incurreret fore nostrud, est si exquisitaque si fugiat comprehenderit mentitum summis admodum, commodo sunt malis ita cillum, est irure cernantur illustriora, vidisse de amet quamquam ad quo iudicem sempiternum est duis deserunt eruditionem. velit aliquip e consectetur ubi incurreret dolor dolore quamquam aliqua, cupidatat cohaerescant ingeniis id consequat nisi minim non nulla. arbitror iis occaecat ad anim consequat et incurreret ex iis cillum voluptatibus hic quem voluptate de minim culpa ut nulla nescius aut nisi in consequat quid quem id nisi ea eu laboris de nostrud ad malis excepteur firmissimum. incurreret nulla summis qui elit, se labore cupidatat non incididunt noster eiusmod arbitror ne litteris anim in cupidatat philosophari. multos illustriora arbitror magna quamquam sed cernantur e minim. sed minim velit aute fabulas, o sunt fore non iudicem ea ex veniam eiusmod admodum ea non qui voluptatibus. fore quamquam comprehenderit. doctrina et eiusmod. ne anim et anim iis eram ingeniis. minim quamquam nostrud, excepteur nisi quem si labore. </div> <div class="clearfix"></div> </section> </div> </div> <div id="footer"> <div class="logo"> <div class="tagline"> © 2017, jeremy </div><br> <p class="contact"> lorem ipsum </p> </div> </div> </body> </html>
Comments
Post a Comment