Html 引导模式标题不可见
模态中的标题不可见 如果我用鼠标突出显示它,它将变得可见。我尝试添加Html 引导模式标题不可见,html,css,twitter-bootstrap,bootstrap-4,Html,Css,Twitter Bootstrap,Bootstrap 4,模态中的标题不可见 如果我用鼠标突出显示它,它将变得可见。我尝试添加模式内容颜色:#000,但没有结果 截至2016年11月1日下午1:28 CST的回复和回答没有纠正这种情况 我应该提到我正在努力领先于这场比赛;使用bootstrap4alpha。虽然设置top:100px有效,但在4的模态部分没有看到任何会产生任何影响的更改。如有其他建议,我们将不胜感激 关于HTML代码中的错误有什么想法吗 新闻稿 &时代; 接近 订阅时事通讯 收到我们的通讯 名称 城市及;陈述 电子邮件地址 订阅
模式内容颜色:#000
,但没有结果
截至2016年11月1日下午1:28 CST的回复和回答没有纠正这种情况
我应该提到我正在努力领先于这场比赛;使用bootstrap4alpha。虽然设置top:100px
有效,但在4的模态部分没有看到任何会产生任何影响的更改。如有其他建议,我们将不胜感激
关于HTML代码中的错误有什么想法吗
新闻稿
&时代;
接近
订阅时事通讯
收到我们的通讯
名称
城市及;陈述
电子邮件地址
订阅
接近
订阅时事通讯
我也遇到了同样的情况,并且意识到我使用了错误版本的引导css
我不得不取消fade
css类
就你而言,这就是你所拥有的
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
应该是
<div class="modal" id="myModal" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
透视图-您的代码带有一点格式,引导程序4.2代码
把它放在一个html文件中——它可以工作
它工作,必须是你的样式表
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
</head>
<body>
<button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal">
Newsletter
</button>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span>
<span class="sr-only">Close</span>
</button>
<h4 class="modal-title" id="myModalLabel">
Subscribe to Newsletter
</h4>
</div>
<div class="modal-body">
<form class="form-signin">
<h2 class="form-signin-heading">Receive Our Newsletter</h2>
<label for="inputEmail" class="sr-only">Name</label>
<input type="email" id="inputEmail" class="form-control" placeholder="Name" required autofocus>
<label for="inputEmail" class="sr-only">City & State</label>
<input type="email" id="inputEmail" class="form-control" placeholder="City & State" required autofocus>
<label for="inputPassword" class="sr-only">Email address</label>
<input type="password" id="inputPassword" class="form-control" placeholder="Email Address" required>
<hr>
<button class="btn btn-lg btn-primary btn-sm" type="submit">Subscribe</button>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</body>
</html>
新闻稿
&时代;
接近
订阅时事通讯
收到我们的通讯
名称
城市及;陈述
电子邮件地址
订阅
接近
使用class=“text body”在您编写模式标题的标题标记中看起来标题显示:@BinaryGhost这可能与他的样式表有关,他可能有一个主题。对我也有效,您的CSS在哪里?@user5593012为什么要在模式的“内容”上添加颜色,如果是标题有问题?你应该把文本颜色的模式标题。我有同样的问题与引导3。标题没有显示,但我可以突出显示它。当我检查元素并切换颜色时,它会正确显示。有时,如果我刷新并重试,它会显示出来。我直接使用了bootstrap3网站上的演示,并使用基本CSS定制了颜色。你找到解决这个问题的办法了吗?为什么?这有什么影响?这是如何解决问题的?
<div class="modal" id="myModal" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
</head>
<body>
<button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal">
Newsletter
</button>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span>
<span class="sr-only">Close</span>
</button>
<h4 class="modal-title" id="myModalLabel">
Subscribe to Newsletter
</h4>
</div>
<div class="modal-body">
<form class="form-signin">
<h2 class="form-signin-heading">Receive Our Newsletter</h2>
<label for="inputEmail" class="sr-only">Name</label>
<input type="email" id="inputEmail" class="form-control" placeholder="Name" required autofocus>
<label for="inputEmail" class="sr-only">City & State</label>
<input type="email" id="inputEmail" class="form-control" placeholder="City & State" required autofocus>
<label for="inputPassword" class="sr-only">Email address</label>
<input type="password" id="inputPassword" class="form-control" placeholder="Email Address" required>
<hr>
<button class="btn btn-lg btn-primary btn-sm" type="submit">Subscribe</button>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</body>
</html>