دليل أساسي Bootstrap

إضافة Bootstrap

دليل التصفح Bootstrap شريط التوجيه Bootstrap

توجيه شريط الخبز Bootstrap

مسار الخبز (Breadcrumbs) هو طريقة عرض تعتمد على معلومات هيكل الموقع. على سبيل المثال، يمكن استخدام مسار الخبز في المدونات لعرض تاريخ النشر، الفئة أو العلامات. وهي تظهر الموقع الحالي في هيكل التوجيه.

مسار الخبز (Breadcrumbs) في Bootstrap هو وسيلة بسيطة لتحديد .breadcrumb قائمة غير مرتبة بالفئة. الفواصل العريضة ستتم إضافتها تلقائيًا من خلال الفئة التالية في CSS (bootstrap.min.css):

.breadcrumb > li + li:before {
　　　　اللون: #CCCCCC;
　　　　المحتوى: "/ ";
　　　　ملء: 0 5px;
}

في هذا المثال، يتم عرض مسار الخبز:

مثال آنلاين

مثال

<!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.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>
<ul　class="breadcrumb">
	<li><a　href="#">المنزل</a></li>
	<li><a　href="#">2012</a></li>
	<li　class="active">ديسمبر</li>
</ul>
</body>
</html>

التحقق من ذلك ‹/›

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

دليل التصفح Bootstrap شريط التوجيه Bootstrap