引导模式标题未显示 - ::before ::after答案

【问题标题】：Bootstrap Modal title not shown - ::before ::after引导模式标题未显示 - ::before ::after
【发布时间】：2016-12-08 03:35:59
【问题描述】：

当我输入 $('#MesageModal').modal('show'); 时，模态的标题周围有 ::before 和 ::after 选择器，使标题看起来很奇怪。谁能告诉我为什么会这样？

<div class="modal fade" id="MessageModal" style="display: none">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header>
        <h4 class="modal-title"></h4>
      </div>
      <div class="modal-body">
      </div>
      <div class="modal-footer">
      </div>
    </div>  
  </div>
</div>

【问题讨论】：

你可以像 .modal-title:before{content: 'This is modal title';} 这样使用
此 ::befor 和 ::after 部分仅用于通过使用 css {display: table; 来“清除两者” content: " ";} 这对您的模态标题没有任何影响。检查您的 CSS 是否对 modal-title 进行任何修改。
@PushkarAdhikari 谢谢！
你能添加你得到的视图的截图吗？

标签： javascript css twitter-bootstrap bootstrap-modal

【解决方案1】：

$('#MesageModal').modal('show');

应该是的

$('#MessageModal').modal('show');

【讨论】：

这只是一个错字

【解决方案2】：

我遇到了同样的问题，使用 c# mvc.net，我正在加载一个模式弹出窗口：

<div>
@Ajax.ActionLink("Edit", "Edit", new { id = user.UserId }, new AjaxOptions {HttpMethod = "Post", InsertionMode = InsertionMode.Replace, UpdateTargetId = "mymodal", OnSuccess = "showModal" })
</div>

然后我有这样的 mymodal div：

<div id="mymodal">

</div>

div 标签之间有一条线，我的标题没有显示。 ':before' 或 ':after' 部分都不是

我只是删除了中间线，我的问题就解决了，像这样：

<div id="mymodal">
</div>

【讨论】：