Css “col md-*”不使用基础设施网格

我有一个基本的html表格和infragisticsigx网格显示数据：

<div class="container">
    <div class="row">
        <div class="col-md-4"> 
           <table> </table>
        </div>
        <div class="col-md-8">
           <igx-grid #grid1 [data]="localData" [autoGenerate]="true"></igx-grid>
        </div>
    </div>
</div>

这是package.json中的内容：

  "dependencies": {
    "@angular/animations": "~8.2.14",
    "@angular/common": "~8.2.14",
    "@angular/compiler": "~8.2.14",
    "@angular/core": "~8.2.14",
    "@angular/forms": "~8.2.14",
    "@angular/platform-browser": "~8.2.14",
    "@angular/platform-browser-dynamic": "~8.2.14",
    "@angular/router": "~8.2.14",
    "@ng-bootstrap/ng-bootstrap": "^5.1.4",
    "@types/hammerjs": "^2.0.36",
    "angular-bootstrap-md": "^8.6.0",
    "bootstrap": "^4.3.1",
    "hammerjs": "^2.0.8",
    "igniteui-angular": "^8.2.9",
    "jszip": "^3.1.5",
    "minireset.css": "~0.0.4",
    "resize-observer-polyfill": "^1.5.1",
    "rxjs": "~6.4.0",
    "tslib": "^1.10.0",
    "web-animations-js": "^2.3.2",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.803.19",
    "@angular/cli": "~8.3.19",
    "@angular/compiler-cli": "~8.2.14",
    "@angular/language-service": "~8.2.14",
    "@types/jasmine": "~3.3.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~8.9.4",
    "codelyzer": "^5.0.0",
    "igniteui-cli": "~4.2.0",
    "jasmine-core": "~3.4.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.1.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.4.0",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.15.0",
    "typescript": "~3.5.3"

我的想法是将表格和网格放在同一行上，但这并没有发生。 igx相关的css会覆盖它吗？ 在开发工具样式中，它主要使用core.scss和minireset.css。

---

我该如何前进

这些包或Angular主题的Ignite UI都不应该干扰Bootstrap的网格类。igx主题规则专门针对.igx排版类下的组件和字体属性。css规则是全局的，但处理浏览器与基本元素的不一致

请注意，除非这些样式在styles.scs中@import-ed，在angular.json配置或index.html页面中作为样式添加，否则CSS不会包含在您的跑步应用程序中。看起来你可能错过了引导CSS

您应该有如下内容：

在@ng引导示例中我看到的index.html中

这似乎很管用，明白吗

闪电战：

PS：您还安装了引导程序包，因此我想您也可以从那里导入：

@import "~bootstrap/dist/css/bootstrap";

---

不确定为什么您会同时拥有这两个包，因为bootstrap one带来了对jquery和popper.js的对等依赖，这正是ng bootstrap将其用于Angular用途的原因。

这些包或Angular主题的Ignite UI都不应干扰bootstrap的网格类。igx主题规则专门针对.igx排版类下的组件和字体属性。css规则是全局的，但处理浏览器与基本元素的不一致

请注意，除非这些样式在styles.scs中@import-ed，在angular.json配置或index.html页面中作为样式添加，否则CSS不会包含在您的跑步应用程序中。看起来你可能错过了引导CSS

您应该有如下内容：

在@ng引导示例中我看到的index.html中

这似乎很管用，明白吗

闪电战：

PS：您还安装了引导程序包，因此我想您也可以从那里导入：

@import "~bootstrap/dist/css/bootstrap";

---

我不知道为什么你会同时拥有这两个软件包，因为bootstrap one在jquery和popper.js上带来了对等依赖，这正是ng bootstrap在角度使用上取代它的原因。

我安装了md bootstrap，它工作得很好，但不知怎的，基础设施网格并不适合它。我使用了md bootstrap的row和col类，但它使网格变得拥挤，我无法调整它的大小。有什么想法吗？row和col-X类仍然来自引导本身，对吗？据我所知，md bootstrap只添加了额外的样式。在上面的示例中，我尝试在引导之后从CDN添加md引导css，布局仍然很好。也许你可以制作一个类似的示例，或者修改上面的示例，以显示什么与大小有关。我安装了md bootstrap，它工作得很好，但不知何故，基础设施网格并不适合它。我使用了md bootstrap的row和col类，但它使网格变得拥挤，我无法调整它的大小。有什么想法吗？row和col-X类仍然来自引导本身，对吗？据我所知，md bootstrap只添加了额外的样式。在上面的示例中，我尝试在引导之后从CDN添加md引导css，布局仍然很好。也许您可以制作一个类似的示例，或者修改上面的示例，以显示尺寸调整的问题。