Como reduzir espaços nas laterais da página usando css e substituir estilos temáticos de observação [关闭]答案

【问题标题】：Como reduzir espaços nas laterais da página usando css e substituir estilos temáticos de observação [closed]Como reduzir espaços nas laterais da página usando css e substituir estilos temáticos de observação [关闭]
【发布时间】：2021-03-21 10:01:34
【问题描述】：

我正在使用一个名为 Remark 的主题，它非常好，但我需要覆盖 css 样式以减少页面两侧的那些空间（如图所示）。有谁知道如何帮助我？

项目：Asp.net Core MVC。

谢谢:)

Remark

image 1

image 2

//页面

    @model IEnumerable<Retaguarda.Application.ViewModels.Financeiro.FinanceiroListViewModel>
@{
    ViewData["Title"] = "Gerenciar Controle Financeiro";
    //var mensagemObject = TempData["Mensagem"];
}

<div class="panel">
    <div class="panel-heading">
        <h2 class="panel-title">@ViewData["Title"]</h2>
        <div class="page-header-actions">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a asp-action="Index" asp-controller="Home">Home</a></li>
                <li class="breadcrumb-item active">financeiro-gerenciar/listar-todos</li>
            </ol>
        </div>
    </div>
    <div class="panel-body container-fluid">
            <table id="dtFinanceiroIndex" class="table-responsive-lg table table-striped table-bordered center-header table-vcenter" cellspacing="0" width="100%">
                <thead class="bg-blue-grey-100">
                    <tr>
                        <th>
                            <span class="checkbox-custom checkbox-default">
                                <input id="dt-financeiro-selectable-all" class="selectable-all" type="checkbox">
                                <label></label>
                            </span>
                        </th>
                        <th>
                            Tipo de Controle Financeiro
                        </th>
                        <th>
                            Número do Documento
                        </th>
                        <th>
                            Valor do Documento
                        </th>
                        <th>
                            Cliente/Fornecedor
                        </th>
                        <th>
                            Ações
                        </th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
</div>

【问题讨论】：

它只是使用 Bootstrap，所以请阅读他们的文档getbootstrap.com/docs/4.5/getting-started/introduction

标签： html css asp.net-mvc layout

【解决方案1】：

很简单：

html {
  margin: 0!important;
  padding: 0!important;
}

或者在 HTML 中的 head 标签内，你可以这样做：

<head>
<title>My website :)</title>
<link rel="stylesheet" src="remark.css" />
<link rel="stylesheet" src="style.css" />
</head>

是你自己的css文件在底部。在 style.css 中，您可以使用上面的代码，除非两行都没有 !important 部分。

【讨论】：

感谢@Rayyan 的帮助，但没有成功。我相信它是一个面板。我已经尝试了一切，但没有奏效。看图2。
问题可能出在页面内容...