详解在 Angular 项目中添加 clean-blog 模板

前端之家收集整理的这篇文章主要介绍了详解在 Angular 项目中添加 clean-blog 模板前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在 Angular 项目中添加 clean-blog 模板

clean-blog 博客模板下载

或者在下面链接下载

解压并拷贝

解压下载的文件,将所有文件拷贝到 assets/clean-blog 目录下

拷贝代码

将 clean-blog 的 index.html 内容拷贝到 app.component.html

<nav class="navbar fixed-top navbar-toggleable-md navbar-light" id="mainNav">
<div class="container">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
aria-label="Toggle navigation">
Menu <i class="fa fa-bars">

<header class="masthead" style="background-image: url('../assets/clean-blog/img/home-bg.jpg')">
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1">
<div class="site-heading">

Clean Blog

<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1">
<div class="post-preview">
<a href="../assets/clean-blog/post.html">
<h2 class="post-title">
Man must explore,and this is exploration at its greatest

Meta">Posted by on September 24,2017


Meta">Posted by on September 18,2017


Meta">Posted by on August 24,2017


Meta">Posted by on July 8,2017



styles.css 添加代码

.navbar-toggler {
z-index: 1;
}

@media (max-width: 576px) {
nav > .container {
width: 100%;
}
}

index.html 添加 JS 引用

猜你在找的JavaScript相关文章