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

我有一个视图用于显示我的产品，我已经使用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">

最佳答案

当前，rPage用于Bootstrap3。它与Bootstrap 4不兼容，并且由于Bootstrap 4具有与rPage相同的功能，因此已过时。