I created my HTML using Bootstrap 3.3.7:
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="copyright" content=""/>
<meta name="author" contect="Toki, 2016/12/30"/>
<title>toki</title>
<link rel="shortcut icon" type="image/ico" href="favicon.ico"/>
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="assets/css/bootstrap-theme.min.css"" rel="stylesheet" type="text/css"/>
<link href="assets/css/toki.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class='container'>
<div class='row'>
<img class='bg' src='assets/media/main-bg.jpg'/>
<div class='row'>
<img class='logo' src='assets/media/logo.png'/>
</div>
<div class='row'>
<div class='row'>
<div class='main-content'>
<div class='downloadbox'>
<div class='downloadbtn'>
<a href="#" class='iosdownload'></a>
<a href="#" class='androiddownload'></a>
</div>
<a href='#' class='call-btn'></a>
</div>
</div>
</div>
<div class='row'>
<div class='main-icon'>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<ul class="nav nav-pills nav-justified">
<li data-target="#myCarousel" data-slide-to="0" class="active"><a href="#">Thông Tin game</a></li>
<li data-target="#myCarousel" data-slide-to="1"><a href="#">Tính Năng</a></li>
<li data-target="#myCarousel" data-slide-to="2"><a href="#">Nổi Bật</a></li>
</ul>
<div class="carousel-inner">
<div class="item active">
<img src="assets/media/ts1.jpg"/>
</div>
<div class="item">
<img src="assets/media/ts2.jpg">
</div>
<div class="item">
<img src="assets/media/ts3.jpg">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/js/jquery-1.12.4.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/toki.js"></script>
</body>
</html>And here is my CSS:
.bg{
min-height: 100%;
min-width: 1024px;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set up positioning */
position: fixed;
top: 0;
left: 0;
z-index:-999999;
}
.logo{
z-index:1;
}
/* More CSS styles go here... */
I believe that my website is responsive, but my friend disagrees. Do you think I did something wrong?