Javascript 带boostrap的响应式旋转木马和背景问题
我正在努力使我的背景是一个有反应的。 我搜索了一下,看到了。 但这是行不通的。 而且myJavascript 带boostrap的响应式旋转木马和背景问题,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我正在努力使我的背景是一个有反应的。 我搜索了一下,看到了。 但这是行不通的。 而且my转盘将不会改变宽度以固定设备。 有人能给我一个提示吗 这是我的HTMl: <html class='full' lang='en'> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="
转盘将不会改变宽度以固定设备。
有人能给我一个提示吗
这是我的HTMl:
<html class='full' 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.0">
<meta name="copyright" content=""/>
<meta name="author" contect="Toki, 2016/12/30"/>
<title>xxxx</title>
<meta name="keywords" content="3DGAME,iOS,Android"/>
<meta name="description" content="xxxxxxxx"/>
<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='logo img-responsive' src='assets/media/logo.png'/>
</div>
<div class='row'>
<div class='col-xs-8 col-sm-8 col-md-8 col-lg-8 hidden-sx hidden-sm'>
<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>
<div class='row'>
<div class='col-xs-8 col-sm-8 col-md-8 col-lg-8'>
<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>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="assets/media/ts1.jpg"/>
</div><!-- End Item -->
<div class="item">
<img src="assets/media/ts2.jpg">
</div><!-- End Item -->
<div class="item">
<img src="assets/media/ts3.jpg">
</div><!-- End Carousel Inner -->
</div><!-- End Carousel Inner -->
</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>
将类img responsive
添加到图像中
<img class="img-responsive" src="assets/media/ts3.jpg">
将类img responsive
添加到图像中
<img class="img-responsive" src="assets/media/ts3.jpg">
对不起!我做了,但当在手机屏幕上测试时,我看起来没什么变化。我的背景是我的大问题,我尝试了很多代码,但仍然没有工作。对不起!我做了,但当在手机屏幕上测试时,我看起来没什么变化。我的背景是我的大问题,我尝试了很多代码,但仍然没有工作。