0

Rails で bootstrap-sass v. 2.1 と bootstrap-modal-rails v. 2.1.1 を使用していますが、フルスクリーン モーダルを作成できません。今のところ、非常に高いモーダルとデモに基づく広いモーダルの組み合わせがありますが、100% の幅と 100% の高さを取得したいと考えています。それは可能ですか？

#jbrowse-modal.modal.container.expand.hide.fade{"data-replace" => "true", :tabindex => "-1"}
  .modal-header
    %button.close{"aria-hidden" => "true", "data-dismiss" => "modal", :type => "button"} ×
    %h3
      = @scaffold.name
    .modal-body
      %div{:style => "height: 1000px; overflow: hidden;"}
        %iframe{:id => "jbrowse-iframe", :src => "/JBrowse/was_index.html?loc=ctgA", :style => "border: 1px solid black"}
4

3 に答える 3

3

これを既存のプロジェクトでテストしました。これらの単純なルールにより、正しい方向に進むはずです。

#jbrowse-modal {
width: 100%;
left: 0;
margin-left: 0;
top: 0;
margin-top: 0!important;
height: 100%;
}

@tcgumus は正しい軌道に乗っています。

于 2013-05-16T19:05:09.550 に答える
1

.modal-body ではなく .modal クラスで遊ぶべきだと思います。残り: 50% アリ トップ:20%。デフォルトを .modal-body にして、.modal を変更します。

このコードをモーダルで使用してください

display: block;
width: 100% !important;
left: 0 !important;
margin: 0 !important;
height: 100% !important;
于 2013-05-16T18:33:01.990 に答える
0

ブートストラップ 3:

.modal-dialog {
  width: 98%;
  height: 98%;
  padding: 0;
}

.modal-content {
  height: 100%;
  border-radius: 0;
}
于 2014-06-28T11:24:42.463 に答える