⏳۵۰٪ تخفیف فقط تا پایان جشنواره؛ بعدش همه‌چیز به قیمت قبل برمی‌گرده!

مشاهده دوره‌ها
ثانیه
دقیقه
ساعت
روز
راکت
حل شده

تغییر موقعیت سایدبار در بوت استرپ 4.4.1

11 پاسخ

سلام عزیزان .
توی بوت استرپ میخوام سایدبار رو از چپ بیارم راست . همه ی قسمت هارو درست کردم ولی توی سایدبار مشکل دارم .
راه حلی رو میتونید پیشنهاد بدید ؟
( قالب e account )

ثبت پرسش جدید

پاسخ‌ها

11
محمد زورمند
محمد زورمند
@SpyStar0003

تخصص: react developer

بهترین پاسخ

سلام

توی این صفحه navbar های خود بوت استرپ هست که سمت راست هستند ! و میتونین استفاده کنین
یا اگر عنصر پدر grid هست باید col-span مشخصی رو بهش بدین ...
یا شاید اگر عنصر پدر flex هست باید به اون flex-direction : row-reverse بدین یا direction : rtl رو بدین بهش 1
اما در کل اگه بتونین کد خودتونو اینجا قرار بدید واقعا بهتر میشه کمکتون کرد !

رضا جهانگیر
رضا جهانگیر
@rezajahangir

تخصص: Full-Stack Developer

سلام به شما دوست عزیز.
به ساید بار کد زیر رو اضافه کنید.

direction: rtl

موفق باشید.

ارغوان
ارغوان
@arqa1

تخصص: لاراول و وردپرس

توی style دیگه درسته ؟ یا تو خود بلید ؟

شاید پاسخ شما همین‌جا باشد

رضا جهانگیر
رضا جهانگیر
@rezajahangir

تخصص: Full-Stack Developer

بله داخل style

ارغوان
ارغوان
@arqa1

تخصص: لاراول و وردپرس

ممنونم از راهنماییتون
قرار میدم ولی انجام نمیشه متاسفانه .

رضا جهانگیر
رضا جهانگیر
@rezajahangir

تخصص: Full-Stack Developer

کدهای html مربوط به این قسمت رو قرار بدین

ارغوان
ارغوان
@arqa1

تخصص: لاراول و وردپرس

اول اینکه ممنونم بابت پاسختون .
تقدیم به شما :

.navbar {
    font-family: "Vazir", sans-serif;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    border: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    width: 100%;
محمد زورمند
محمد زورمند
@SpyStar0003

تخصص: react developer

خوب !

این navbar تو حالت fixed هستش پس باید فاصله اش از بالا یا پایین و چپ یا راست مشخص بشه که در اینجا داریم left = 0 شما این مورد رو حذف کنین و بجاش right = ۰ رو قرار بدین !

ارغوان
ارغوان
@arqa1

تخصص: لاراول و وردپرس

بله این مورد رو چک و تست کرده بودم قبلا . سمت راست میاد ولی قالب به هم میریزه .
یعنی باید بقیه آبجکت ها رو هم جاش رو عوض کنم ؟

محمد زورمند
محمد زورمند
@SpyStar0003

تخصص: react developer

یا اگر عنصر پدر grid هست باید col-span مشخصی رو بهش بدین ...
یا شاید اگر عنصر پدر flex هست باید به اون flex-direction : row-reverse بدین یا direction : rtl رو بدین بهش

direction: rtl

این موارد رو که بالا گفتیم باید انجام بدین...

راست به چپ کردن قالب ها سختی خودشو داره...

یعنی باید بقیه آبجکت ها رو هم جاش رو عوض کنم ؟

بله اگه مجبور بشید باید اینکارو هم بکنین !
کلا کار خوشی نیس واقعا

ارغوان
ارغوان
@arqa1

تخصص: لاراول و وردپرس

بسیار عالی ممنونم .

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام