一个简单的网页布局模板。
<!DOCTYPE html>
<html>
<head>
<title>模板</title>
<link type="text/css" rel="styleSheet" href="/home/pi/temp/style.css" />
</head>
<body>
<div class="wrap">
<d……
一个简单的网页布局模板
0
又一个逆天的前端项目: 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/
我就是按这个套路学……
一个简单的网页布局代码
0
先来看看效果图：
再来看源代码（下面的源代码其实是一个标准的XHTML模板）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
……