پایگاه دانش:

مقالات پیشنهادی:

برگ نخست » آموزشهای جوملا » حل مشکل لیست کشویی یا Drop-down در Bootstrap فارسی

حل مشکل لیست کشویی یا Drop-down در Bootstrap فارسی

در شرایط امروز طراحی وب در دنیا کمتری کسی پیدا میشود که به جای نوشتن تک تک کدهای تکراری از فریم ورک های فرانت اند و بک اند استفاده نکند. یکی از محبوب ترین فریم ورک های طراحی وب در دنیا چهارچوب قدرتمند Bootstrap می باشد.

اگر شما هم یک توسعه دهنده Frontend سایت باشید، مطمئنا تا برای استفاده ازین چهارچوب در پروژه های فارسی یا راست چین دچار مشکلاتی شده اید. یکی ازین مشکلات پرش عناصری از سایت که داری لیست کشویی یا drop-down هستند! در پروژه بوتسترپ فارسی و در نسخه های مختلفی که در وب موجود هست این مشکل مشاهده شده. که سعی میتونیم با یک راهکار ساده این موضوع را برطرف کنیم.

 

[quote]پیشنهاد ویژه: سایت آماده تهیه غذای خانگی مادرانه[/quote]

برای اینکار کافی ست از مسیر پروژه خود فایل chosen.css را با یک ادیتور باز کنید.

حالا به دنبال تگ زیر بگردید:

به شکل زیر تغییر میدهیم:

همچنین تگ زیر را پیدا میکنیم:

آن را به صورت زیر تغییر میدهیم:

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

[quote]پیشنهاد ویژه: ایران مدیکال؛ سامانه نوبت دهی اینترنتی پزشکان و بیمارستان[/quote]

 

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

 

[scrolling_box display=”category” category=”93″ count=”10″ items=”4″ rows=”1″ autoplay=”yes”]

اگر مفید بود امتیاز دهید

پست های مشابه:

نظر خود را وارد کنید

آدرس ایمیل شما در دسترس عموم قرار نمیگیرد.