简体繁体 English

使用引导程序构建博客模板

[英]building blogger template with bootstrap

原文 2015-06-27 12:00:59 5 2 html/ twitter-bootstrap/ blogger

I've just learned bootstrap and I'm excited to integrate bootstrap in my blogger. 我刚刚学习了引导程序，很高兴将引导程序集成到我的博客中。 I'm using the free version of blogger, not using any custom domain. 我使用的是免费版本的Blogger，未使用任何自定义域。 Then I realize that blogger is using xml with lots of tags, I'm confused to integrate the html I made with bootstrap, to that blogger version. 然后我意识到博客作者正在使用带有很多标签的xml，我很困惑将用引导程序制作的html集成到该博客版本。

I've googled and read the article Using bootstrap twitter with google blogger , but it doesn't explain anything about the tags in blogger's xml body. 我已经在google上搜索并阅读了“ 使用bootstrap twitter与google blogger结合使用 ”一文，但是它并没有解释关于blogger的xml正文中标签的任何内容。 Other google results are also not answering my confusion. 其他Google搜索结果也未能回答我的困惑。 How to build a blogger template and integrate it with bootstrap? 如何构建博客模板并将其与引导程序集成？ Is it possible to have a sleek look of bootstrap without custom domain in blogger? 如果没有Blogger中的自定义域，是否可以拥有时尚的Bootstrap外观？ Your answers, any tutorial link, tutorial video, and samples are highly appreciated :) 非常感谢您的回答，任何教程链接，教程视频和示例：）

2 个解决方案

Better late than never, Yes, you can use bootstrap without custom domain in blogger. 总比没有好，是的，您可以在Blogger中使用不带自定义域的引导程序。 I'm using it in my blog and in building blogger templates. 我在我的博客和构建博客模板中使用它。 All you need to do is to use Bootstrap CDN links in the head then you can use bootstrap components and classes in the body and with divs. 您需要做的就是在头部使用Bootstrap CDN链接，然后可以在主体中以及通过div使用Bootstrap组件和类。 this is an example for using bootstrap with blogger templates. 这是将引导程序与博客模板一起使用的示例。

Note : With XML you must close all HTML elements properly like this <meta charset="utf-8"/> 注意：对于XML，您必须正确关闭所有HTML元素，例如<meta charset="utf-8"/>

My friend has a GitHub repository dedicated to convert Bootstrap framework to Blogger template. 我的朋友有一个GitHub存储库，专用于将Bootstrap框架转换为Blogger模板。

Demo: https://bootsblogger.github.io 演示： https : //bootsblogger.github.io