Rumah > Soal Jawab > teks badan
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Build a Personal Portfolio Webpage</title>
<link rel="stylesheet" href="./rule/bootstrap-Normalize.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="navbar navbar-inverse navbar-fixed-top">
<nav>
<p class="container">
<a class="navbar-brand navbar-text navbar-left" href="#">Free Code Camp</a>
<ul class="nav navbar-nav navbar-text navbar-right">
<li><a href="#">about</a></li>
<li><a href="#portfolio">portfolio</a></li>
<li><a href="#contact">contact</a></li>
</ul>
</p>
</nav>
</header>
<main>
<p class="container jumbotron">
<header>
<p class="intro-text">
<p>Front-End Developer and UX/UI designer, with practical experience in project management, branding strategy, and creative direction; devoted to functional programming and information architecture.</p>
<hr>
<span>
Web Developer - User Experience Designer - Graphic Artist
</span>
</p>
<img src="http://qlip.in/images/avatar.jpg" alt="666">
</header>
<p>
</p>
<p>
</p>
</p>
</main>
<footer>
</footer>
</body>
</html>
给我你的怀抱2017-06-29 10:12:08
Ia tidak termasuk.
Pengepala anda ditetapkan dengan navbar-fixed-top Dalam bootstrap, ini akan menggunakan position:fixed, menyebabkan pengepala terkeluar daripada aliran biasa.
Menurut peraturan konteks menyusun, kotak diposisikan berada di atas kotak yang tidak diposisikan dalam strim, jadi anda nampaknya terkandung olehnya.
Biasanya dalam kes ini, anda boleh menggunakan margin-top atau padding-top untuk mengelakkannya daripada disekat.