如何在其他页面中添加css链接而不失真？

Question

我有一个在其中显示我的产品的视图我使用rPage 插件进行响应式分页。但是我遇到了问题。当我在页面顶部添加引导程序时。所有元素都乱七八糟，但rPage 有很好的风格。反之亦然，当我删除引导链接时，rpage 插件很乱。我添加了两张图片以便更好地理解。

这些是 _AdminLayout 中的 css 链接。

   <link href="~/content/materialpro/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- chartist CSS -->
    <link href="~/content/materialpro/assets/plugins/chartist-js/dist/chartist.min.css" rel="stylesheet">
    <link href="~/content/materialpro/assets/plugins/chartist-js/dist/chartist-init.css" rel="stylesheet">
    <link href="~/content/materialpro/assets/plugins/chartist-plugin-tooltip-master/dist/chartist-plugin-tooltip.css" rel="stylesheet">
    <link href="~/content/materialpro/assets/plugins/css-chart/css-chart.css" rel="stylesheet">
    <!--This page css - Morris CSS -->
    <link href="~/content/materialpro/assets/plugins/c3-master/c3.min.css" rel="stylesheet">
    <!-- Vector CSS -->
    <link href="~/content/materialpro/assets/plugins/vectormap/jquery-jvectormap-2.0.2.css" rel="stylesheet" />
    <!-- Custom CSS -->
    <link href="~/content/materialpro/css/style.css" rel="stylesheet">
    <!-- You can change the theme colors from here -->
    <link href="~/content/materialpro/css/colors/blue.css" id="theme" rel="stylesheet">

Answer 1

目前 rPage 用于 Bootstrap 3。它与 Bootstrap 4 不兼容，并且有点过时，因为 Bootstrap 4 具有与 rPage 相同的功能。