راکت
حل شده

تغییر موقعیت سایدبار در بوت استرپ 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

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

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

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

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