全屏模态Bootstrap

时间:2016-03-07 11:44:48

标签: twitter-bootstrap twitter-bootstrap-3 bootstrap-modal liferay-theme

早安!!

我正在使用我的网络Bootstrap 3.我用Bootstrap模式选项放了一些图片我希望扩展到全屏。我能搞定吗??

我希望图像尽可能地放大整个屏幕,显然不会对设备失去响应

这是最有名的事情。

代码:Bootply

有什么建议吗?

问候!!!!

2 个答案:

答案 0 :(得分:2)

一周前我遇到了同样的问题。我解决了这个问题:

Minimit fullscreen modal

我希望这有助于你

答案 1 :(得分:1)

在html中:

<div class="modal-content modal-fullscreen">

在css中:

.modal-fullscreen{
  width: 100%;
  height: 100%;
  margin: 0;
  top: 0;
  left: 0;
}