小编cos*_*025的帖子
造型bootstrap轮播指示器
您好我正在尝试将默认的bootstrap轮播指示器设置为非常薄的黄色线条粘在底部,如下所示.
https://gyazo.com/43b9bdbcb63dde3f5fe9b982d4b96b37
我把它们放在页面的底部,但我似乎无法将它们变成矩形或改变它们的颜色.
HTML
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
CSS
.carousel-indicators {
margin: 0px;
height: 0px;
}
.carousel-indicators ol {
width: 100%;
}
.carousel-indicators li{
height: 3px !important;
border-radius: 0px !important;
width: 25%;
}
5
推荐指数
推荐指数
1
解决办法
解决办法
4万
查看次数
查看次数
如何使用JavaScript更改img src？
我知道还有其他类似问题，但我一直尝试关注这些问题，但我不知道自己到底在做什么错。我已声明该pic变量已链接到具有相应ID“ pic”的图像，并且尝试了许多不同的示例，并尝试遵循类似这样的其他问题，但无济于事。
-真正的问题----
我希望通过单击按钮将图像的src更改为工作区中的另一个src。
HTML：
<img class="trans" id="pic" src="images/link_rouge.png" alt="" width="1000" height="333" />
JavaScript：
var pic = document.getElementById('pic');
function rouge() {
pic.src = "images/link_rouge.png";
}
function blue() {
pic.src = "images/link_blue.png";
}
我知道这些功能已经可以使用按钮了，因为它们影响页面上某些更改颜色的div，唯一不变的是图像。
3
推荐指数
推荐指数
1
解决办法
解决办法
2万
查看次数
查看次数
Bootstrap下拉菜单无效
您好我的引导程序nav没有下载到不同的部分,就像我在多个站点上的示例中看到的那样.我试过搬东西但无济于事.我觉得我错过了一些非常简单的东西,所以任何输入都是非常有必要的:D
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="/styles/style.css">
<link rel=stylesheet type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<title>Personal Portfolio</title>
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">WebSiteName</a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Page 1-1</a></li>
<li><a href="#">Page 1-2</a></li>
<li><a href="#">Page 1-3</a></li>
</ul>
</li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
</ul>
</div>
</nav>
<footer>
</footer>
</body>
</html>
例子:D
2
推荐指数
推荐指数
1
解决办法
解决办法
4674
查看次数
查看次数
无法在 Bootstrap 行中居中某些文本
我试图将一些文本连续居中。我觉得这不应该这么困难，我对为什么它不起作用感到困惑。
图片（示例）
#title_img {
background-image: url(http://cdn.playbuzz.com/cdn/UserImages/4343091c-c906-457b-b885-77675c22c92f.jpg);
height: 180px;
width: 180px;
margin: 0 auto;
}
#title_img_holder {
padding-top: 5%;
float: none;
margin: 0 auto;
}
#title_holder {
text-align: center;
}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet" />
<div class="container-fluid" id="header_con">
<div class="container">
<div class="row" id="title_img_holder"> <img src="http://cdn.playbuzz.com/cdn/UserImages/4343091c-c906-457b-b885-77675c22c92f.jpg" class="mx-auto" alt="Smiley face" height="180" width="180"> </div>
<div class="row" id="title_holder">
<h2 class="text-center">We fix screens.
<small class="text-muted">Not for free though</small>
</h2>
</div>
</div>
</div>我使用的是最新版本的 boostrap 4
1
推荐指数
推荐指数
1
解决办法
解决办法
1923
查看次数
查看次数