a:5:{s:8:"template";s:8138:"<!DOCTYPE html>
<html lang="en-US">

<head>
<meta charset="utf-8"/>
<meta content="width=device-width" name="viewport"/>
<title>{{ keyword }}</title>
<link href="http://gmpg.org/xfn/11" rel="profile"/>


<link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700&amp;subset=latin,latin-ext" id="twentytwelve-fonts-css" media="all" rel="stylesheet" type="text/css"/>
<style id="twentytwelve-style-css" media="all" rel="stylesheet" type="text/css">/*



/* =Reset
-------------------------------------------------------------- */

html, body, div, h1, h2, h3, a, ul, li, footer, header, hgroup, nav {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
h1,
h2,
h3 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
footer,
header,
hgroup,
nav {
	display: block;
}

/* Clearing floats */
.wrapper:after {
	clear: both;
}
.wrapper:before,
.wrapper:after {
	display: table;
	content: "";
}


.menu-toggle {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle {
	cursor: pointer;
}
.menu-toggle:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border: none;
}


/* Body, links, basics */
html {
	font-size: 87.5%;
}
body {
	font-size: 14px;
	font-size: 1rem;
	font-family: Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #444;
}
body.custom-font-enabled {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
a {
	outline: none;
	color: #21759b;
}
a:hover {
	color: #0f3647;
}

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

/* Page structure */
.site {
	padding: 0 24px;
	padding: 0 1.714285714rem;
	background-color: #fff;
}

/* Header */
.site-header {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
.site-header h1,
.site-header h2 {
	text-align: center;
}
.site-header h1 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}
.site-header h1 a:hover {
	color: #21759b;
}
.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.site-header h2 {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}

/* Navigation Menu */
.main-navigation {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	text-align: center;
}
.main-navigation li {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}
.main-navigation a {
	color: #5e5e5e;
}
.main-navigation a:hover {
	color: #21759b;
}
.main-navigation div.nav-menu > ul {
	display: none;
}
.menu-toggle {
	display: inline-block;
}

/* Banner */

/* Sidebar */

/* Footer */
footer[role="contentinfo"] {
	border-top: 1px solid #ededed;
	clear: both;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	max-width: 960px;
	max-width: 68.571428571rem;
	margin-top: 24px;
	margin-top: 1.714285714rem;
	margin-left: auto;
	margin-right: auto;
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
footer[role="contentinfo"] a {
	color: #686868;
}
footer[role="contentinfo"] a:hover {
	color: #21759b;
}


/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	.site {
		margin: 0 auto;
		max-width: 960px;
		max-width: 68.571428571rem;
		overflow: hidden;
	}
	.site-header h1,
	.site-header h2 {
		text-align: left;
	}
	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
		margin-bottom: 0;
	}
	.main-navigation div.nav-menu > ul {
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover {
		color: #000;
	}
	.main-navigation li {
		margin: 0 40px 0 0;
		margin: 0 2.857142857rem 0 0;
		position: relative;
	}
	.menu-toggle {
		display: none;
	}
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body {
		background-color: #e6e6e6;
	}
	body .site {
		padding: 0 40px;
		padding: 0 2.857142857rem;
		margin-top: 48px;
		margin-top: 3.428571429rem;
		margin-bottom: 48px;
		margin-bottom: 3.428571429rem;
		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	}
}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
	a {
		text-decoration: none;
	}
	.site {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	.site-header {
		margin-bottom: 72px;
		margin-bottom: 5.142857143rem;
		text-align: left;
	}
	.site-header h1 {
		font-size: 21pt;
		line-height: 1;
		text-align: left;
	}
	.site-header h2 {
		color: #000;
		font-size: 10pt;
		text-align: left;
	}
	.site-header h1 a {
		color: #000;
	}
	#colophon,
	.main-navigation {
		display: none;
	}
	.wrapper {
		border-top: none;
		box-shadow: none;
	}
}
</style>


<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
</head>
<body class="custom-font-enabled single-author">
<div class="hfeed site" id="page">
<header class="site-header" id="masthead" role="banner">
<hgroup>
<h1 class="site-title"><a href="#" rel="home" title="{{ keyword }}">{{ keyword }}</a></h1>
<h2 class="site-description">Just another WordPress site</h2>
</hgroup>
<nav class="main-navigation" id="site-navigation" role="navigation">
<h3 class="menu-toggle">Menu</h3>
<a class="assistive-text" href="#" title="Skip to content">Skip to content</a>
<div class="nav-menu"><ul><li><a href="#" title="Home">Home</a></li><li class="page_item page-item-2"><a href="#">Sample Page</a></li></ul></div>
</nav>
</header>
<div class="wrapper" id="main">
{{ text }}
	</div>
<footer id="colophon" role="contentinfo">
{{ links }}
<div class="site-info">
</div>
</footer>
</div>


</body>
</html>";s:4:"text";s:3618:"Hello, I've been working all day trying to get a background image to properly render in a Bootstrap project. Expected results. ... Why the image won't fit the DIV. I just implemented bootstrap on a page. In this article we will learn to create MVC project from scratch following n-tier architecture.Along with this we will focus on designing views. Responsive images automatically adjust to fit the size of the screen. The image will then scale nicely to the parent element. I set the background image of div. ... a Bootstrap Jumbotron to fit the background image (CSS) - Codedump.io. 4:56 pm on Apr 17, ... Any image in image container will conform to fit the div's size. Msg#:3313632 . I've tried .container-fluid, moving the Slim Image Cropper is a cross platform JavaScript Image Cropping and Uploading plugin. And then witin that div Ihave placed few I'm trying to get an image to fit within a specific size div. Scaling images to fit in div tags daveletorey. How To: Resizeable Background Image ... have to resize image to fit page ... sizable image into a div, but I want a resizable background image. The background of an element is the total size of the ... as a background image for a <div Forums  Help and How To  Add a Responsive Container over a Background Image. resizing the image to fit the parent CSS/Bootstrap (CSS) - Codedump.io. The background-size property specifies the size of the background images. ... div { width: 100%; height: 400px; I set the background image of div. ... PHP, jQuery, Bootstrap and XML. Snippet by mrmccormack There are four different syntaxes you can use with this property: the keyword syntax ("auto", "cover" and "contain"), the one-value syntax (sets the width of the image (height becomes "auto"), the two-value syntax (first value: width of the image, second value: height), and the Bootstrap example of Responsive Background Images using HTML, Javascript, jQuery, and CSS. Proper implementation of background images ... See how squishy the image gets as you change the viewport size? All Start Bootstrap templates are free to download and open source. It's easy to setup and features beautiful graphics and animations. A full page image background template for Bootstrap 4 built websites. background-position: Hintergrundbilder: Beispiel zur CSS-Referenz auf CSS 4 You - The Finest in Stylesheets All Start Bootstrap templates are free to download and open source. Complete Bootstrap Image Reference. When background images are not rendered, user agents should render a solid background color instead. So do screens. Responsive Web Design ... the background image will scale, and try to fit the content area. An artistic, full page image background Bootstrap template with a fixed bottom navigation bar. An artistic, full page image background Bootstrap template with a fixed bottom navigation bar. Bootstrap 3 Issue: Images not fitting DIV? I just implemented bootstrap on a page. Visual LightBox is free for non-commercial use. I am new to Bootstrap. Assuming you make the width/height of hte box the same...you can do background-size:contain;. Participate in discussions with other Treehouse members ... image" > < h1 > More info! CSS Rounded Corners CSS Border Images CSS Backgrounds CSS Colors CSS ... <p>, and <div> elements have different background colors ... the background image Download Visual LightBox. in bootstrap template i'm adding an image as background like this.  Working with Bootstrap 3 Less can be intimidating. This tutorial and workflow example will help you make the most of this powerful styling language and get the I am new to Bootstrap. ";s:7:"keyword";s:37:"bootstrap background image fit to div";s:5:"links";s:5037:"<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=cancer-from-a-healthy-cell-to-a-cancer-cell'>Cancer From A Healthy Cell To A Cancer Cell</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=joda-datetime-to-java-localdatetime'>Joda Datetime To Java Localdatetime</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=boston-college-typical-act-scores'>Boston College Typical Act Scores</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=amazon-fire-tv-5th-generation'>Amazon Fire Tv 5th Generation</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=what-is-astragalus-called-in-hindi'>What Is Astragalus Called In Hindi</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=hottest-real-estate-market-in-columbus-ohio'>Hottest Real Estate Market In Columbus Ohio</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=benefits-of-drinking-pomegranate-juice-daily'>Benefits Of Drinking Pomegranate Juice Daily</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=pineapple-juice-benefits-weight-loss'>Pineapple Juice Benefits Weight Loss</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=american-ripper-how-many-episodes'>American Ripper How Many Episodes</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=government-question-papers-for-9th-class-2017-science'>Government Question Papers For 9th Class 2017 Science</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=how-to-get-a-guy-to-chase-you-after-you-chased-him'>How To Get A Guy To Chase You After You Chased Him</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=examples-of-conductors-and-insulators-in-everyday-life'>Examples Of Conductors And Insulators In Everyday Life</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=watch-bugs-bunny-superstar-online-free'>Watch Bugs Bunny Superstar Online Free</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=tongue-function-in-digestive-system'>Tongue Function In Digestive System</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=the-source-canada-black-friday-2017'>The Source Canada Black Friday 2017</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=virginia-tech-engineering-acceptance-rate'>Virginia Tech Engineering Acceptance Rate</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=mdcps-teacher-of-the-year-application'>Mdcps Teacher Of The Year Application</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=skin-cancer-images-early-stages'>Skin Cancer Images Early Stages</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=spanish-grammar-exercises-with-answers'>Spanish Grammar Exercises With Answers</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=play-store-themes-free-download'>Play Store Themes Free Download</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=rookie-socialites-crossword-puzzle-clue'>Rookie Socialites Crossword Puzzle Clue</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=largest-producer-of-sugar-in-the-world-2017'>Largest Producer Of Sugar In The World 2017</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=signs-of-arthritis-in-hands'>Signs Of Arthritis In Hands</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=how-to-stream-live-sports-free'>How To Stream Live Sports Free</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=instagram-check-mark-instead-of-following'>Instagram Check Mark Instead Of Following</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=fake-fall-leaves-in-bulk'>Fake Fall Leaves In Bulk</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=windows-10-launcher-apk-free-download'>Windows 10 Launcher Apk Free Download</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=phd-scholarship-in-canada-for-international-students'>Phd Scholarship In Canada For International Students</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=paraguay-real-estate-for-sale'>Paraguay Real Estate For Sale</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=should-i-buy-ripple-reddit'>Should I Buy Ripple Reddit</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=pediatric-surgery-match-results-2017'>Pediatric Surgery Match Results 2017</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=how-to-flirt-with-your-eyes-with-a-girl'>How To Flirt With Your Eyes With A Girl</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=money-saving-expert-christmas-2017'>Money Saving Expert Christmas 2017</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=role-of-dispute-analyst-in-american-express'>Role Of Dispute Analyst In American Express</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=sample-classroom-newsletter-to-parents'>Sample Classroom Newsletter To Parents</a>,
";s:7:"expired";i:-1;}