我刚学bootstrap，我有这样的html代码:
<!DOCTYPE html>
<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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<style>
.bodinya { background-image:url(IMG_5555.jpg);
background-size: cover;
background-repeat: no-repeat;
}
</style>
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only"> Toggle navigation </span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Wisuda </a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Loggin<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Mahasiswa</a></li>
<li><a href="#">Prodi</a></li>
<li><a href="#">BAK</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="row bodinya">
<div class="span0">
<h2>Heading</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
</div>
</div>
<!-- Fixed Footer -->
<div class="navbar navbar-inverse navbar-fixed-bottom" role="navigation">
<div class="container">
<div class="navbar-text pull-left">
<p>© my</p>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
我想在具有“bodinya”类的行中拉伸(stretch)我的图像，我尝试像上面的样式代码一样使用 css，但图像不显示。有帮助吗？
最佳答案
它在这里为我工作:fiddle
我唯一能想到的问题是图片的 url 是错误的，所以你能检查一下 bodinya div，看看图片是否像这张图片那样炫耀。
所以看看这一行中的 url 是否有效并链接到图像:
background-image:url(IMG_5555.jpg);
我希望这会有所帮助。
关于css - 如何在 Bootstrap 中连续拉伸(stretch)图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31916373/