fix：修复手机显示异常
This commit is contained in:
xieyibo
parent
3baac1df0e
commit
e57cf1bd40
12
MBTI.html
12
MBTI.html
@ -30,11 +30,16 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar navbar-default navbar-fixed-top">
|
<div class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="navbar-header">
|
||||||
|
<a href="./index.html" class="navbar-brand">MBTI</a>
|
||||||
|
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
<div class="navbar-collapse collapse" id="navbar-main">
|
<div class="navbar-collapse collapse" id="navbar-main">
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li>
|
|
||||||
<a href="./index.html">首页</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
<li>
|
||||||
<a href="./personalities.html">十六种人格简介</a>
|
<a href="./personalities.html">十六种人格简介</a>
|
||||||
</li>
|
</li>
|
||||||
@ -42,6 +47,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="questionbox">
|
<div class="questionbox">
|
||||||
<div class="flexWidth" id="mbtiquestion">
|
<div class="flexWidth" id="mbtiquestion">
|
||||||
|
|||||||
75
index.html
75
index.html
@ -22,11 +22,16 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar navbar-default navbar-fixed-top">
|
<div class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="navbar-header">
|
||||||
|
<a href="#" class="navbar-brand">MBTI</a>
|
||||||
|
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
<div class="navbar-collapse collapse" id="navbar-main">
|
<div class="navbar-collapse collapse" id="navbar-main">
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li>
|
|
||||||
<a href="#">首页</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
<li>
|
||||||
<a href="./personalities.html">十六种人格简介</a>
|
<a href="./personalities.html">十六种人格简介</a>
|
||||||
</li>
|
</li>
|
||||||
@ -36,40 +41,40 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="page-header">
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<svg viewBox="0 0 1000 300">
|
<svg viewBox="0 0 1000 300">
|
||||||
<symbol id="s-text">
|
<symbol id="s-text">
|
||||||
<text text-anchor="middle" x="50%" y="50%" dy=".2em">
|
<text text-anchor="middle" x="50%" y="50%" dy=".2em">
|
||||||
MBTI-TEST
|
MBTI-TEST
|
||||||
</text>
|
</text>
|
||||||
</symbol>
|
</symbol>
|
||||||
<use xlink:href="#s-text" class="text"></use>
|
<use xlink:href="#s-text" class="text"></use>
|
||||||
<use xlink:href="#s-text" class="text"></use>
|
<use xlink:href="#s-text" class="text"></use>
|
||||||
<use xlink:href="#s-text" class="text"></use>
|
<use xlink:href="#s-text" class="text"></use>
|
||||||
<use xlink:href="#s-text" class="text"></use>
|
<use xlink:href="#s-text" class="text"></use>
|
||||||
<use xlink:href="#s-text" class="text"></use>
|
<use xlink:href="#s-text" class="text"></use>
|
||||||
<use xlink:href="#s-text" class="text"></use>
|
<use xlink:href="#s-text" class="text"></use>
|
||||||
<clippath id="cp-text">
|
<clippath id="cp-text">
|
||||||
<text text-anchor="middle" x="50%" y="50%" dy=".2em" class="text--line">
|
<text text-anchor="middle" x="50%" y="50%" dy=".2em" class="text--line">
|
||||||
MBTI-TEST
|
MBTI-TEST
|
||||||
</text>
|
</text>
|
||||||
</clippath>
|
</clippath>
|
||||||
<g clip-path="url(#cp-text)" class="shadow">
|
<g clip-path="url(#cp-text)" class="shadow">
|
||||||
<rect width="100%" height="100%" class="anim-shape anim-shape--shadow"></rect>
|
<rect width="100%" height="100%" class="anim-shape anim-shape--shadow"></rect>
|
||||||
</g>
|
</g>
|
||||||
<g clip-path="url(#cp-text)" class="colortext">
|
<g clip-path="url(#cp-text)" class="colortext">
|
||||||
<rect width="100%" height="100%" class="anim-shape"></rect>
|
<rect width="100%" height="100%" class="anim-shape"></rect>
|
||||||
<rect width="80%" height="100%" class="anim-shape"></rect>
|
<rect width="80%" height="100%" class="anim-shape"></rect>
|
||||||
<rect width="60%" height="100%" class="anim-shape"></rect>
|
<rect width="60%" height="100%" class="anim-shape"></rect>
|
||||||
<rect width="40%" height="100%" class="anim-shape"></rect>
|
<rect width="40%" height="100%" class="anim-shape"></rect>
|
||||||
<rect width="20%" height="100%" class="anim-shape"></rect>
|
<rect width="20%" height="100%" class="anim-shape"></rect>
|
||||||
</g>
|
</g>
|
||||||
<use xlink:href="#s-text" class="text--transparent"></use>
|
<use xlink:href="#s-text" class="text--transparent"></use>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="bs-docs-section">
|
<div class="bs-docs-section">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-12">
|
<div class="col-lg-12">
|
||||||
|
|||||||
@ -19,18 +19,22 @@
|
|||||||
<script src="./static/js/printProjectInfo.js"></script>
|
<script src="./static/js/printProjectInfo.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body style="">
|
<body>
|
||||||
<div class="navbar navbar-default navbar-fixed-top">
|
<div class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="navbar-header">
|
||||||
|
<a href="./index.html" class="navbar-brand">MBTI</a>
|
||||||
|
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
<div class="navbar-collapse collapse" id="navbar-main">
|
<div class="navbar-collapse collapse" id="navbar-main">
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li>
|
|
||||||
<a href="./index.html">首页</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
<li>
|
||||||
<a href="./personalities.html">十六种人格简介</a>
|
<a href="./personalities.html">十六种人格简介</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -21,11 +21,16 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar navbar-default navbar-fixed-top">
|
<div class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="navbar-header">
|
||||||
|
<a href="../index.html" class="navbar-brand">MBTI</a>
|
||||||
|
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
<div class="navbar-collapse collapse" id="navbar-main">
|
<div class="navbar-collapse collapse" id="navbar-main">
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li>
|
|
||||||
<a href="../index.html">首页</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
<li>
|
||||||
<a href="../personalities.html">十六种人格简介</a>
|
<a href="../personalities.html">十六种人格简介</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@ -21,11 +21,16 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar navbar-default navbar-fixed-top">
|
<div class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="navbar-header">
|
||||||
|
<a href="../index.html" class="navbar-brand">MBTI</a>
|
||||||
|
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
<div class="navbar-collapse collapse" id="navbar-main">
|
<div class="navbar-collapse collapse" id="navbar-main">
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li>
|
|
||||||
<a href="../index.html">首页</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
<li>
|
||||||
<a href="../personalities.html">十六种人格简介</a>
|
<a href="../personalities.html">十六种人格简介</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@ -21,11 +21,16 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar navbar-default navbar-fixed-top">
|
<div class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="navbar-header">
|
||||||
|
<a href="../index.html" class="navbar-brand">MBTI</a>
|
||||||
|
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
<div class="navbar-collapse collapse" id="navbar-main">
|
<div class="navbar-collapse collapse" id="navbar-main">
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li>
|
|
||||||
<a href="../index.html">首页</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
<li>
|
||||||
<a href="../personalities.html">十六种人格简介</a>
|
<a href="../personalities.html">十六种人格简介</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@ -21,11 +21,16 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar navbar-default navbar-fixed-top">
|
<div class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="navbar-header">
|
||||||
|
<a href="../index.html" class="navbar-brand">MBTI</a>
|
||||||
|
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
<div class="navbar-collapse collapse" id="navbar-main">
|
<div class="navbar-collapse collapse" id="navbar-main">
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li>
|
|
||||||
<a href="../index.html">首页</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
<li>
|
||||||
<a href="../personalities.html">十六种人格简介</a>
|
<a href="../personalities.html">十六种人格简介</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@ -21,11 +21,16 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar navbar-default navbar-fixed-top">
|
<div class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="navbar-header">
|
||||||
|
<a href="../index.html" class="navbar-brand">MBTI</a>
|
||||||
|
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
<div class="navbar-collapse collapse" id="navbar-main">
|
<div class="navbar-collapse collapse" id="navbar-main">
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li>
|
|
||||||
<a href="../index.html">首页</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
<li>
|
||||||
<a href="../personalities.html">十六种人格简介</a>
|
<a href="../personalities.html">十六种人格简介</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@ -21,11 +21,16 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar navbar-default navbar-fixed-top">
|
<div class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="navbar-header">
|
||||||
|
<a href="../index.html" class="navbar-brand">MBTI</a>
|
||||||
|
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
<div class="navbar-collapse collapse" id="navbar-main">
|
<div class="navbar-collapse collapse" id="navbar-main">
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li>
|
|
||||||
<a href="../index.html">首页</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
<li>
|
||||||
<a href="../personalities.html">十六种人格简介</a>
|
<a href="../personalities.html">十六种人格简介</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@ -21,11 +21,16 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar navbar-default navbar-fixed-top">
|
<div class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="navbar-header">
|
||||||
|
<a href="../index.html" class="navbar-brand">MBTI</a>
|
||||||
|
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
<div class="navbar-collapse collapse" id="navbar-main">
|
<div class="navbar-collapse collapse" id="navbar-main">
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li>
|
|
||||||
<a href="../index.html">首页</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
<li>
|
||||||
<a href="../personalities.html">十六种人格简介</a>
|
<a href="../personalities.html">十六种人格简介</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@ -21,11 +21,16 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar navbar-default navbar-fixed-top">
|
<div class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="navbar-header">
|
||||||
|
<a href="../index.html" class="navbar-brand">MBTI</a>
|
||||||
|
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
<div class="navbar-collapse collapse" id="navbar-main">
|
<div class="navbar-collapse collapse" id="navbar-main">
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li>
|
|
||||||
<a href="../index.html">首页</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
<li>
|
||||||
<a href="../personalities.html">十六种人格简介</a>
|
<a href="../personalities.html">十六种人格简介</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@ -1,96 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="description" content="A website for MBTI test">
|
|
||||||
<meta name="viewport" content="width=device-width">
|
|
||||||
<meta name="keywords" content="MBTI, mbti">
|
|
||||||
<title>十六种人格简介|MBTI-TEST</title>
|
|
||||||
<link rel="shortcut icon" href="../static/img/favicon.ico">
|
|
||||||
<link rel="stylesheet" href="../static/css/bootstrap.min.css">
|
|
||||||
<link rel="stylesheet" href="../static/css/article.css">
|
|
||||||
<link rel="stylesheet" href="../static/css/personality-index.css">
|
|
||||||
<link rel="stylesheet" href="../static/css/app.css">
|
|
||||||
<script src="../static/js/jquery-3.7.1.min.js"></script>
|
|
||||||
<script src="../static/js/bootstrap.min.js"></script>
|
|
||||||
<script src="../static/js/snap.svg-min.js"></script>
|
|
||||||
<script src="../static/js/classie.js"></script>
|
|
||||||
<script src="../static/js/introduce.js"></script>
|
|
||||||
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div class="navbar navbar-default navbar-fixed-top">
|
|
||||||
<div class="container">
|
|
||||||
<div class="navbar-collapse collapse" id="navbar-main">
|
|
||||||
<ul class="nav navbar-nav">
|
|
||||||
<li>
|
|
||||||
<a href="../index.html">首页</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="../personalities.html">十六种人格简介</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<div id="mbtidescribe">
|
|
||||||
<div class="pi">
|
|
||||||
<section id="grid" class="grid">
|
|
||||||
{% for type, desc in types_desc %}
|
|
||||||
<a href="/personalities/{{ type }}/"
|
|
||||||
data-path-hover="m 0,0 0,35.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
|
|
||||||
<figure>
|
|
||||||
<img src="/static/img/{{ loop.index % 8 + 1 }}.png" />
|
|
||||||
<svg viewBox="0 0 180 210" preserveAspectRatio="none">
|
|
||||||
<path
|
|
||||||
d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z" />
|
|
||||||
</svg>
|
|
||||||
<figcaption>
|
|
||||||
<h2>{{ type }}</h2>
|
|
||||||
<p>{{ desc }}</p>
|
|
||||||
<button>点击查看详细介绍</button>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
</a>
|
|
||||||
{% endfor %}
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
<script>
|
|
||||||
(function () {
|
|
||||||
function init() {
|
|
||||||
var speed = 330,
|
|
||||||
easing = mina.backout;
|
|
||||||
[].slice.call(document.querySelectorAll('#grid > a')).forEach(function (el) {
|
|
||||||
var s = Snap(el.querySelector('svg')), path = s.select('path'),
|
|
||||||
pathConfig = {
|
|
||||||
from: path.attr('d'),
|
|
||||||
to: el.getAttribute('data-path-hover')
|
|
||||||
};
|
|
||||||
el.addEventListener('mouseenter', function () {
|
|
||||||
path.animate({ 'path': pathConfig.to }, speed, easing);
|
|
||||||
});
|
|
||||||
el.addEventListener('mouseleave', function () {
|
|
||||||
path.animate({ 'path': pathConfig.from }, speed, easing);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
init();
|
|
||||||
|
|
||||||
})();
|
|
||||||
|
|
||||||
$(document).ready(function () {
|
|
||||||
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
@ -21,11 +21,16 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar navbar-default navbar-fixed-top">
|
<div class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="navbar-header">
|
||||||
|
<a href="../index.html" class="navbar-brand">MBTI</a>
|
||||||
|
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
<div class="navbar-collapse collapse" id="navbar-main">
|
<div class="navbar-collapse collapse" id="navbar-main">
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li>
|
|
||||||
<a href="../index.html">首页</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
<li>
|
||||||
<a href="../personalities.html">十六种人格简介</a>
|
<a href="../personalities.html">十六种人格简介</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@ -21,11 +21,16 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar navbar-default navbar-fixed-top">
|
<div class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="navbar-header">
|
||||||
|
<a href="../index.html" class="navbar-brand">MBTI</a>
|
||||||
|
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
<div class="navbar-collapse collapse" id="navbar-main">
|
<div class="navbar-collapse collapse" id="navbar-main">
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li>
|
|
||||||
<a href="../index.html">首页</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
<li>
|
||||||
<a href="../personalities.html">十六种人格简介</a>
|
<a href="../personalities.html">十六种人格简介</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@ -21,11 +21,16 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar navbar-default navbar-fixed-top">
|
<div class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="navbar-header">
|
||||||
|
<a href="../index.html" class="navbar-brand">MBTI</a>
|
||||||
|
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
<div class="navbar-collapse collapse" id="navbar-main">
|
<div class="navbar-collapse collapse" id="navbar-main">
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li>
|
|
||||||
<a href="../index.html">首页</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
<li>
|
||||||
<a href="../personalities.html">十六种人格简介</a>
|
<a href="../personalities.html">十六种人格简介</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@ -21,13 +21,18 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar navbar-default navbar-fixed-top">
|
<div class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="navbar-header">
|
||||||
|
<a href="../index.html" class="navbar-brand">MBTI</a>
|
||||||
|
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
<div class="navbar-collapse collapse" id="navbar-main">
|
<div class="navbar-collapse collapse" id="navbar-main">
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li>
|
<li>
|
||||||
<a href="../index.html">首页</a>
|
<a href=".../personalities.html">十六种人格简介</a>
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="../personalities.html">十六种人格简介</a>
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -21,13 +21,18 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar navbar-default navbar-fixed-top">
|
<div class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="navbar-header">
|
||||||
|
<a href="../index.html" class="navbar-brand">MBTI</a>
|
||||||
|
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
<div class="navbar-collapse collapse" id="navbar-main">
|
<div class="navbar-collapse collapse" id="navbar-main">
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li>
|
<li>
|
||||||
<a href="../index.html">首页</a>
|
<a href=".../personalities.html">十六种人格简介</a>
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="../personalities.html">十六种人格简介</a>
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -21,13 +21,18 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar navbar-default navbar-fixed-top">
|
<div class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="navbar-header">
|
||||||
|
<a href="../index.html" class="navbar-brand">MBTI</a>
|
||||||
|
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
<div class="navbar-collapse collapse" id="navbar-main">
|
<div class="navbar-collapse collapse" id="navbar-main">
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li>
|
<li>
|
||||||
<a href="../index.html">首页</a>
|
<a href=".../personalities.html">十六种人格简介</a>
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="../personalities.html">十六种人格简介</a>
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -21,13 +21,18 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar navbar-default navbar-fixed-top">
|
<div class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="navbar-header">
|
||||||
|
<a href="../index.html" class="navbar-brand">MBTI</a>
|
||||||
|
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
<div class="navbar-collapse collapse" id="navbar-main">
|
<div class="navbar-collapse collapse" id="navbar-main">
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li>
|
<li>
|
||||||
<a href="../index.html">首页</a>
|
<a href=".../personalities.html">十六种人格简介</a>
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="../personalities.html">十六种人格简介</a>
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -21,13 +21,18 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar navbar-default navbar-fixed-top">
|
<div class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="navbar-header">
|
||||||
|
<a href="../index.html" class="navbar-brand">MBTI</a>
|
||||||
|
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
<div class="navbar-collapse collapse" id="navbar-main">
|
<div class="navbar-collapse collapse" id="navbar-main">
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li>
|
<li>
|
||||||
<a href="../index.html">首页</a>
|
<a href=".../personalities.html">十六种人格简介</a>
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="../personalities.html">十六种人格简介</a>
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -113,11 +113,14 @@
|
|||||||
div.content {
|
div.content {
|
||||||
font: 800 10.5em/1 'Open Sans', Impact;
|
font: 800 10.5em/1 'Open Sans', Impact;
|
||||||
height: 240px;
|
height: 240px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
padding-top: 5%;
|
||||||
|
margin-bottom: 10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
width: 90%;
|
|
||||||
margin: 0 auto 1150px;
|
|
||||||
display: block;
|
display: block;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue
Block a user