Question

我有一个附加到复选框的模态：

.modal.fade{id:"vip-modal", tabindex:"-1", role:"dialog", "aria-labelledby" => "vip-modal", "aria-hidden" => "true"}
  %div{id:"modal-dialog"}
    %div{id:"modal-content"}
      .modal-header
        %h4{class:"modal-title", id:"vip-modal-label"} Notes
      .modal-body
        1. Welcome to the the Program!
      .modal-footer
        %button{type:"button", class:"btn btn-primary", "data-dismiss" => "modal"} Close

选中某个复选框时会触发它。莫达尔很好。

除非不是。它是覆盖整个屏幕的灰色叠加层。文本就在那里，但底层表格上的文字，特别是粗体标签，都会出现。不透明度或不透明度使其无法使用且无法读取。

我的目标是让窗口出现在屏幕中央，让用户滚动文本（我在工作之后添加更多内容，它就像一个EULA），当用户点击“接受”按钮（我还没有添加）时，它会消失。

此默认的Bootstrap模式在其当前形式中无法使用。

Answer 1

你在模态div上使用ID而不是类。查看文档：{{3}} - 您将要使用类＆＃34;模态内容＆＃34;和＆＃34;模态对话＆＃34;

如何设置Bootstrap模式的样式以便在Rails中可读？

1 个答案: