ارغوان
2 سال پیش توسط ارغوان مطرح شد
11 پاسخ

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

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


ثبت پرسش جدید
محمد زورمند
تخصص : react developer
@SpyStar0003 2 سال پیش مطرح شد
0

سلام

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


رضا جهانگیر
تخصص : Full-Stack Developer
@rezajahangir 2 سال پیش مطرح شد
0

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

direction: rtl

موفق باشید.


ارغوان
تخصص : لاراول و وردپرس
@arqa1 2 سال پیش مطرح شد
0

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


رضا جهانگیر
تخصص : Full-Stack Developer
@rezajahangir 2 سال پیش مطرح شد
0

بله داخل style


ارغوان
تخصص : لاراول و وردپرس
@arqa1 2 سال پیش مطرح شد
0

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


رضا جهانگیر
تخصص : Full-Stack Developer
@rezajahangir 2 سال پیش مطرح شد
1

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


محمد زورمند
تخصص : react developer
@SpyStar0003 2 سال پیش مطرح شد
0

سلام

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


ارغوان
تخصص : لاراول و وردپرس
@arqa1 2 سال پیش مطرح شد
1

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

.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%;

محمد زورمند
تخصص : react developer
@SpyStar0003 2 سال پیش مطرح شد
0

خوب !

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


ارغوان
تخصص : لاراول و وردپرس
@arqa1 2 سال پیش مطرح شد
0

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


محمد زورمند
تخصص : react developer
@SpyStar0003 2 سال پیش مطرح شد
0

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

direction: rtl

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

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

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

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


ارغوان
تخصص : لاراول و وردپرس
@arqa1 2 سال پیش مطرح شد
2

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


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

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