一、成果展示
二、代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap 实例 - 一个简单的网页</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.c……
一个简单的bootstrap模板
0
4个小时入门vue
0
看完这个才发现，不是Vue难学，而是没有找到好的教程。
进度：目前已经学到第12节。
一、感想
其实感觉写Vue和写类差不多，主要是写属性、写方法。
基于 Vue.js 的移动端组件库
http://mint-ui.github.io/#!/zh-cn
二、音乐播放器
源码：
<!DOCTYPE html>
<html lang="en">
<head>
……
前端模板
0
一、待仿的模板
https://www.chinactp.org/
待学的前端
http://video.mobiletrain.org/Course/index/courseId/716
前12个已经OK。
二、自己折腾的一个模板：
效果预览：
代码：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta na……
一个简单的网页布局模板
0
一个简单的网页布局模板。
<!DOCTYPE html>
<html>
<head>
<title>模板</title>
<link type="text/css" rel="styleSheet" href="/home/pi/temp/style.css" />
</head>
<body>
<div class="wrap">
<d……
又一个逆天的前端项目: MDB
0
今天又发现了一个逆天的前端项目：MDB，它的全称是：Material Design for Bootstrap 4。是一个最受欢迎的免费UI KIT，可用于构建响应迅速，移动优先的网站和应用程序。
简单地说，它就是将我们网页设计时经常要用到的导航条、幻灯片、特色图片等这些都预先设计好了，你只需要像搭积木一样，将这些东西拼凑起来，就是一个……
一个Bootstrap模板
0
是从这个网站上扒下来的，效果如下：
手机端效果如下：
代码如下：
可以看到body部分的布局就是
container
row
md-8
md-4
md8里面又是md-12
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 模板</title>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="ht……
一个简单的网页Bootstrap模板
0
今天学习Bootstrap的相关知识，作笔记记录一下。
首先看一个最简单的Bootstrap网页模板。
一、其实核心的就是下面四个内容：
1.jumbotron text-center 大块文字区域
2.navbar navbar-inverse 黑色导航条
3.主要区域
这里如果不加container，会变成以下这样。
注意这里有一个row。div class="col-sm-8里面的内容也……
逆天了，这么好的前端项目！
0
自己的前端水平一直不咋地，所以很怕写前端，不过今天在网上闲逛的时候，无意中发现了Froala Design Blocks这个项目，感觉这个前端工具太好用了，简单是我们这样怕写前端人的福音！
首先介绍一下，这是基于Bootstrap的一个前端项目，它将我们的前端页面分成一块一块的区块（Block），比如heads、pricings、teams、feature……
仿网站模板的工具
0
一次添加要采集的网页：
采集到的网页css、js、图片自动归类了，非常方便，多个网页共用的css、js文件也只下载一次。
官网：https://smalltool.github.io/
bootswatch、wordpress及前端模板
0
1）官方文档：https://getbootstrap.com/docs/4.1/getting-started/introduction/
2）多彩样式：https://bootswatch.com/
3）懒人进阶，bootstrap4模版开箱即用：https://startbootstrap.com/template-categories/all/
4）https://travelbird.nl/
免费bootstrap模板：https://www.bootstrapzero.com/
我就是按这个套路学……