Question

我想使用Twitter bootstrap作为前端框架和Typeplate进行排版。

可以从以下网址下载相应的框架，并且可以免费使用。

http://twitter.github.com/bootstrap/ http://typeplate.com/

几个HTML元素的CSS类在两个框架中定义（例如，HTML，body，h1）

我在Typeplate网站上运行了Firebug，并看到了font-family和font-size等计算字段的值... 即使我在我的网站中使用相同的值来获取css（即使在删除了bootstrap css之后），我也无法获得铭牌的排版。

我在twitter bootstrap之后使用了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>

“

Answer 1

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

集成bootstrap＆amp; Typeplate

1 个答案: