السلام عليكم

في هذا المنشور سأتحدث على طريقة إضافة قائمة bootstrap المتجاوية للمواقع العربية وبدون مشاكل ، فقد لاحظت وجود بعض الأخطاء تظهر في القائمة بعد تثبيها كعدم ظهورها بشكل صحيح في الهواتف .

كل ما عليك هو القيام بالإجراءات التالية :

اولا : إضافة المكتبات التالية إلى موقعك بوضعها قبل وسم head النهاية :

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

أيضا ، إذا كان قالبك لا يحتوي على مكتبة الجيكوري فعليك إضافة الكود التالي بعد الأكواد السابقة :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

ثانيا : قم بإضافة كود html الخاص بالقائمة مباشرة بعد وسم body البداية

، يمكنك الحصول على أكواد القوائم من هذا الرابط : https://bootsnipp.com/tags/navbar

ثالثا : أضف أكواد CSS في المكان المناسب ،ويفضل وضعها فوق وسم head النهاية و يمكنك وضعها بين وسمي style مستقلين :

<style></style>

رابعا وهو الأهم ، إضافة الكود التالي أسفل أكواد CSS الذي وضعته في الأعلى :

nav.navbar.navbar-default {
height: 100%;
}

بالتوفيق