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

Question

我有一个显示我的产品的视图我已经使用rPage插件进行响应分页。但是我遇到了问题。当我在页面顶部添加bootstrap时。所有元素都是混乱，但rPage具有良好的风格。反之亦然，当我删除bootstrap链接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，所以已经过时了。