English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل Bootstrap الأساسي

إضافات Bootstrap

عنوان الصفحة Bootstrap

عنوان الصفحة (Page Header) هو وظيفة جيدة، حيث يضيف مسافة مناسبة حول عنوان الصفحة. عندما يحتوي الصفحة على عدة عناوين ويجب إضافة مسافة بين كل منها، فإن وظيفة عنوان الصفحة تظهر خاصة. إذا كنت ترغب في استخدام عنوان الصفحة (Page Header)، فضع عنوانك في <b>الصفحة</b> التي تحتوي على class .page-header في <div> <b>السطر</b>:

مثال <b>الانترنت</b>

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">　
　　　　<title>Bootstrap <b>مثال</b> - <b>عنوان الصفحة</b></title>
　　　　<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
　　　　<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
　　　　<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div　class="page-header">
　　　　<h1>مثال على عنوان الصفحة</h1>
　　　　　　　　<small>عنوان فرعي</small>
　　　　</h1>
</div>
<p>هذا نص مثال. هذا نص مثال. هذا نص مثال. هذا نص مثال. هذا نص مثال.</p>
</body>
</html>
الاختبار يرى ‹/›

النتيجة كما يلي:

مقتطفات Bootstrapشاشة كبيرة Bootstrap