Html 集成bootstrap&；打字板_Html_Css_Twitter Bootstrap

Html 集成bootstrap&；打字板

html css twitter-bootstrap

Html 集成bootstrap&；打字板,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我想使用Twitter引导作为前端框架和排版模板相应的框架可以从下面的URL下载并免费使用两个框架中都定义了一些HTML元素的CSS类（例如，HTML、body、h1）我在Typeplate网站上运行了Firebug，看到了字体系列和字体大小等计算字段的值。。。即使我在我的站点中使用相同的css值（即使在删除引导css之后），我也无法获得typeplate的排版我在推特引导后使用typeplate 请告知基本上，我想在下面的代码中合并应用于文本“快乐王子”的属性 <html

我想使用Twitter引导作为前端框架和排版模板

相应的框架可以从下面的URL下载并免费使用

两个框架中都定义了一些HTML元素的CSS类（例如，HTML、body、h1）

我在Typeplate网站上运行了Firebug，看到了字体系列和字体大小等计算字段的值。。。即使我在我的站点中使用相同的css值（即使在删除引导css之后），我也无法获得typeplate的排版

我在推特引导后使用typeplate

请告知

基本上，我想在下面的代码中合并应用于文本“快乐王子”的属性

<html class="no-js wf-ffmetaserifwebpro-i7-active wf-ffmetaserifwebpro-i5-active wf-ffmetaserifwebpro-n5-active wf-ffmetaserifwebpro-n7-active wf-active">
<head><style>
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary
{
    display: block;
}
html
{
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
}
body
{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
h1
{
    font-size: 2em;
    margin-top: 0.67em;
    margin-right: 0px;
    margin-bottom: 0.67em;
    margin-left: 0px;
}
html
{
    line-height: 1.65;
    font-family: serif;
    font-size: 112.5%;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size-adjust: none;
    font-stretch: normal;
}
body
{
    color: #444444;
    word-wrap: break-word;
}
h1, h2, h3, h4, h5, h6
{
    line-height: 1;
    margin-top: 0px;
}
h1, .alpha
{
    font-size: 3.33rem;
    margin-bottom: 0.49rem;
}
h1, h2, h3, h4, h5, h6
{
    color: #222222;
}
body
{
    margin-top: 6em;
    margin-right: auto;
    margin-bottom: 6em;
    margin-left: auto;
    max-width: 34em;
    background-image: url("../img/subtle_grunge.png");
    background-attachment: scroll;
    background-repeat: repeat;
    background-position-x: left;
    background-position-y: top;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: transparent;
}
.wf-active body, .wf-inactive body
{
    font-family: "ff-meta-serif-web-pro",serif;
    font-weight: 400;
    visibility: visible;
}

</style></head>
<body><section><article><header>

<h1>
 The Happy Prince
</h1>

</header></article></section></body></html>


文章、旁白、详细信息、图表、页脚、页眉、hgroup、main、nav、章节、摘要
{
显示：块；
}
html
{
字体系列：无衬线；
-ms文本大小调整：100%；
}
身体
{
边际上限：0px；
右边距：0px；
边缘底部：0px；
左边距：0px；
}
h1
{
字号：2em；
边缘顶部：0.67em；
右边距：0px；
边缘底部：0.67em；
左边距：0px；
}
html
{
线高：1.65；
字体系列：衬线；
字体大小：112.5%；
字体风格：普通；
字体变体：正常；
字体大小：正常；
字体大小调整：无；
字体拉伸：正常；
}
身体
{
颜色：#4444；
单词包装：打断单词；
}
h1、h2、h3、h4、h5、h6
{
线高：1；
边际上限：0px；
}
h1，.alpha
{
字体大小：3.33rem；
保证金底部：0.49雷姆；
}
h1、h2、h3、h4、h5、h6
{
颜色：#22222；
}
身体
{
边缘顶端：6em；
右边距：自动；
边缘底部：6em；
左边距：自动；
最大宽度：34em；
背景图片：url（“../img/微妙的_grunge.png”）；
背景附件：滚动条；
背景重复：重复；
背景位置x：左；
背景位置y：顶部；
背景尺寸：自动；
背景来源：填充框；
背景剪辑：边框框；
背景色：透明；
}
.wf活动体、.wf非活动体
{
字体系列：“ff meta serif web pro”，serif；
字体大小：400；
能见度：可见；
}
快乐王子

“

如果我是你，我会尝试使用引导框架的自定义构建，排除“规范化和重置””、“正文类型和链接””和“标题、正文等””。

引导后你是否使用了打字板？你能用JSFIDLE或类似的语言举个例子吗？我是Typeplate的主要开发人员。我同意上面叶甫盖尼的回答。最好使用自定义的引导构建，避免使用默认的排版。如果您需要进一步的帮助，请随时在我们回购协议的问题追踪器上打开问题，我会来帮助您：）