我试图在bootstrap carousel中显示图像以显示全屏但是无法弄明白,我已经在这方面工作了一段时间而且完全卡住了.现在我只有一个图像,但一旦它工作,我会添加更多...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Carousel Template · Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="../assets/css/bootstrap.css" rel="stylesheet">
<link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
<style>
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
body {
color: #5a5a5a;
height: 100%;
width: 100%;
min-height: 100%;
}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */ …我试图在Bootstrap Carousel控件中显示一个应该填满整个屏幕的图像.我正在使用1024px*795px的图像
我正在使用Bootstrap站点上给出的全尺寸图像示例.水平方向,它可以很好地填满屏幕.但是垂直方向不能很好地扩展.我应该添加/删除哪些属性,以便图像填满整个屏幕,尽管它们的像素大小较小？
我怎么能在响应式设计中做到这一点,以便图像可以扩展到任何尺寸？
我在示例网站上使用css,只在carousel.html中更改CSS.