html - 如何为我的 html 页面获取浏览器全屏宽度

标签 html css twitter-bootstrap

我在我的 grails 应用程序中使用 twitter-bootstrap 3.3.5。

但问题是我的 gsp View 没有全屏显示。

如何在不干扰 Bootstrap 响应功能的情况下全屏显示此内容。

I wrote my main.gsp inside

<div class="container-fluid">
</div>

最佳答案

class .container-fluid 在 Bootstrap 中有左右填充。 您需要通过创建具有样式的新类来覆盖它:

padding-right:0px;
padding-left:0px;

例子:

<div class="container-fluid full">
</div>

.full{
    padding-right:0px;
    padding-left:0px;
    margin:0;
}

关于html - 如何为我的 html 页面获取浏览器全屏宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39309060/

相关文章:

html - Bootstrap 网格填充页面宽度和高度

jquery - 如何使用 jQuery 删除 Bootstrap Multiselect 中的所有选项?

javascript - 后退按钮无法调用 Chrome 中的 AJAX 内容位置

jquery css(空白)IE7/8 错误?

php - Laravel 5 BookStack 全新安装不加载任何外部文件

css - TagHelpers 根据验证属性为 LabelTagHelper 添加自定义类 [必需]

javascript - 使用 JSON 数据动态填充下拉列表

javascript - Twitter Bootstrap 的响应式设计

javascript - 如何使用 jquery 将编辑后的数据从表中保存回数据库

javascript - 按数字偏移数组值,用于在 Bootstrap 列上重复 ng