Css 模态对话框的大小和标题位置

提前谢谢。我有两个问题。我正在使用bootstrap.min.css和bootstrap.min.js。我没有更改bootstrap.min.css文件中的任何内容

我的问题：

1.我不知道为什么，但标题文本在右边对齐，关闭按钮在左边。如何左对齐标题文本和右对齐关闭按钮？请看图片

我从w3schools.com获得了代码来处理它

代码如下：

开放模态
&时代；
试验
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着包括Lorem Ipsum版本的Aldus PageMaker等桌面出版软件的发布而流行

您尚未在标题标题中声明

class=“modal title”

<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span></button>
    <h1 class="modal-title">Test</h1>
</div>

&时代；
试验

这不是一个C#或ASP.NET问题。所有这些都由

css

和

Bootstrap

处理。如果你删除C#标记并为css和BootstrapHello@Flydog57添加标记，你会有更好的运气得到答案，我编辑了这些标记。谢谢。你好@sebu，谢谢你的回答。我添加了您的建议，但没有任何更改。@echelon请您用完整的模式代码更新您的问题，以及您使用的引导库。您好@sebu，谢谢您的时间。我更新了我的问题并添加了更多细节。嗨@sebu，我用了一个例子，用bootstrap4创建了模态，问题就解决了。再次感谢你。