Css 使用Bootstrap和基金会？

我正在使用twitter引导来进行布局和css。但我喜欢Bootstrap提供的基础顶部条导航。我试图在我的html中使用最上面的条形码（用bootstrap构建），这会弄乱布局。这并不奇怪，因为它们都广泛地依赖于名为“row”的类，并且具有不同的属性

我可以考虑的一个选项是在我的样式表中重写row类，但这太麻烦了，而且似乎不正确

其他选项可能是使用iframe

---

是否有其他方法可以解决此问题？

为此使用iframe是个坏主意。如果您喜欢基础顶部栏的样式，只需将样式复制到样式表中的自定义类。

---

请注意，您可能必须覆盖一些引导的默认样式，以使顶部栏正确。

为此使用iframe是一个坏主意。如果您喜欢基础顶部栏的样式，只需将样式复制到样式表中的自定义类。

---

请注意，您可能需要重写顶部Bootstrap的一些默认样式来获得它的正确性。

理想情况下，您只需要使用BootBar CSS和JS代码基础，因为这是您唯一使用的组件。文件（依赖于中声明的变量），或者您可以使用

如果您仍然需要使用

.row

，只需复制

.row

样式并将其命名为其他样式。即：

/* The Grid ---------------------- */
.foundation-row { width: 1000px; max-width: 100%; min-width: 768px; margin: 0 auto; }

<>最后，不要忘记包括<代码> jQuery .Frime.TopBar .js<代码>文件和调用

---

<>代码$>（文档）.Buffic TopBar（）；

> P>理想的是，您只需要使用基础条的CSS和JS代码，因为这是您要使用的唯一组件.file（依赖于变量中声明的），或者可以使用.< /P> 如果您仍然需要使用

.row

，只需复制

.row

样式并将其命名为其他样式。即：

/* The Grid ---------------------- */
.foundation-row { width: 1000px; max-width: 100%; min-width: 768px; margin: 0 auto; }

<>最后，不要忘记包括<代码> jQuery .Frime.TopBar .js<代码>文件和调用

---

$（document）.foundationTopBar（）；

老问题，但我想如果有人在寻找无缝解决方案，我会与大家分享最新的：Web组件

这是一个有点复杂的主题，但允许您在完全隔离的shadowdom中创建小部件，而无需覆盖任何内容 然后，你就可以这样做：

<template id="templateContent">
     <style> @import "css/generalStyle.css"; </style>
</template>

@导入“css/generalStyle.css”；

---

摘自

旧问题，但我想如果有人正在寻找无缝解决方案，我会与大家分享最新的问题：Web组件

这是一个有点复杂的主题，但允许您在完全隔离的shadowdom中创建小部件，而无需覆盖任何内容 然后，你就可以这样做：

<template id="templateContent">
     <style> @import "css/generalStyle.css"; </style>
</template>

@导入“css/generalStyle.css”；

取自

iframe是非常糟糕的想法iframe是非常糟糕的想法