css - 按钮没有出现 bootstrap 4 的模态

Question

我正在尝试在 Angular 4 上使用 bootstrap 4 创建一个弹出窗口，

<div>
<span class="text-center" id="span1">{{title}}</span>
<button type="button" class="btn primary-btn" data-toggle="modal" data-target="#myModal">{{signUp}}</button>
</div>

<div id="myModal" class="modal" role="dialog">
<div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <div class="modal-title">
                {{modalTitle}}
            </div>
        </div>
        <div class="modal-body">
          Username : <input type="text" placeholder="username">
          <br>
          <br>
          Password : <input type="password" placeholder="*****">         
        </div>
        <div class="modal-footer">
                <button type = "button" class="btn btn-primary">click me</button>
        </div>
    </div>

</div>

问题是一切都在模态上工作，我也能看到所有的文本和密码，只有按钮在模态区域之外，只有文本休息按钮的任何东西都不可见，但是当我这样做时

<input type="button" value="click me"> It works

这是 image

谁能帮忙吗？？？

Answer 1

看起来你的按钮有 float: 就在它上面。您的样式文件可能会覆盖 Bootstrap 样式。