BOOTSTRAP

[Andishejavan]

سلام
مزایا و معایب استفاده از بوت استرپ چیه ؟:متعجب:
ب جای بوت استرپ چی استفاده کنم
برای ریسپانسیو کردن قالب سایت از چی استفاده کنم

[سعید کشاورز]

مزایا: اینه که مطمئنی به مشکل بر نمیخوری توی ریسپانسیو..سرعت طراحی قالبت به شدت افزایش پیدا میکنه.کلی امکانات در اختیارت میذاره..مثه اسلایدر،تب،آکاردئون،تول تیپ.

چرا میخوای به جای بوت استرپ از چیز دیگه استفاده کنی؟

[ravand]

تجربه ای که داشتم اینه که نمیشه تنها از بوت استرپ استفاده کرد. برخی مواقع مجبور میشی از خود مدیا کوئری هم استفاده کنی. خود بوت استرپ هم از مدیا کوئری ساخته شده.

[پیام حیاتی]

سلام
مزایا و معایب استفاده از بوت استرپ چیه ؟:متعجب:
ب جای بوت استرپ چی استفاده کنم
برای ریسپانسیو کردن قالب سایت از چی استفاده کنم
مزیت ها :
- Responsive بودن برای تقریبا" تمامیه آیتم ها.
- سرعت بخشیدن به طراحی.

معایب :
- تغییرات نام کلاس ها و اضافه کردن کلاس های جدید در ورژن های مختلف رو به جلو که باعث سردرگمی در شناخت و مسلط شدن به کدها میشه.
- تداخل فایل های JS ، اگر بخواهید از سایر منابع در طراحی استفاده کنید ، مثلا" اگر نخواین از اسلاید شو های Bootstrap استفاده کنید و از برنامه های ساخت اسلایدشو بهره ببرید...ولش کن خیلی اذیتم کرد این مورد تا درست شد!.
- کلاس ها رو خودتون ننوشتید!یعنی اینکه برای ویرایش و یا گسترش پروژه به مشکل بر می خورید.
- Bootstrap توییتر سنگین است اگر بخوایم از تمامیه امکانات بهره ببریم و اون رو با سایت مشابه Responsive ای که خودمون نوشتیم مقایسه کنیم متوجه این امر خواهیم شد.

معایب دیگری که در نت بهش برخوردم :

- از روش های عالی پیروی نمی کند:
یکی از مسائل مهمی که در کار با Bootstrap با آن مواجه می شوید این است که در پایان کار حجم زیادی از المان های DOM وجود دارد که پر از کلاس های مختلف است. این امر خود ناقض یکی از قوانین طراحی وب است که در آن، HTML معنایی نبوده و نمایش نیز از محتوا جدا نخواهد بود. افراد موشکافی که محصول نهایی را می بینند این امر را تا حدودی آزاردهنده می دانند زیرا تغییر سایز، قابلیت استفاده ی مجدد و نگهداری را به کاری فراتر از یک چالش بدل می کنند. Bootstrap توییتر همچنین بهبود های مداوم را با مشکل مواجه می سازند زیرا ارائه و تعامل دیگر از محتوا مستقل نیستند.

- با تنظیمات جاری دارای تضاد می باشد:
اگر شما در اواسط اجام یک پروژه بزرگ به آن بپیوندید و بخواهید تمام آن را با Bootstrap توییتر اجرا کنید چه اتفاقی خواهد افتاد؟ مسلم است که مشکلات فراوانی از جمله تضاد در HTML ایجاد شده، CSS و جاوا اسکریپت وجود دارد. پس از آن شما باید مدت ها پروژه را بررسی کنید تا دریابید که کدام یک از اسکریپت ها یا استایل ها باید حذف یا جایگزین شوند. در این حالت Bootstrap حجم زیادی از کار را برای شما ایجاد خواهد کرد و شما باید در حال سر زدن به هر گوشه ای پروژه و یافتن و رفع کردن باگ ها باشید و از استفاده از Bootstrap پشیمان شوید.

- عدم پشتیبانی از SASS :
احتمالا یکی از بزرگترین نقاط چالش و رقابت Bootstrap این است که با LESS ایجاد شده است و پشتیبانی Native از Compass و SASS انجام نمی دهد. البته مشکل ما با LESS نیست زیرا LESS قبلا مورد استفاده قرار گرفته و کارایی خود را به اثبات رسانده است. اما SASS ارجحیت بیشتر و کارایی بهتر و بالاتری دارد و با فریم ورکی مانند Compass، به نظر می رسد که محصول کامل تر و قابل استفاده تری باشد. البته برخی از برنامه نویسان توانسته اند Bootstrap برای Compass را نیز بسازند اما در نهایت شما مجبور به استفاده از LESS هستید.

- شباهت وب سایت ها به یکدیگر:
Bootstrap توییتر بسیار محبوب است و همه ی برنامه نویسان به سمت استفاده از آن هجوم برده اند. اگرچه که امکان سفارشی سازی طراحی وب سایت یا اپلیکیشن شما وجود دارد اما در حین کار متوجه می شوید که مجبور به عدم تغییر بسیاری از استایل های Bootstrap هستید. این امر موجب ایجاد تعداد زیادی از وب سایت های مشابه، ژنریک و فراموش شدنی می شود. در عین حال که پیاده سازی Bootstrap ساده و سریع است اما خلاقیت و نوآوری موضوعیست که قربانی آن می شود. طراحی های نوآورانه که مرزهای عرف را می شکنند، غیر قابل اجرا یا اجرای بسیار دشواری در محیط ساختار یافته ی Bootstrap خواهند داشت و وقت شما را خواهند گرفت.

- عدم وجود semi-colon:
بسیاری از افرادی که از Bootstrap استفاده می کنند شکایت هایی از bootstrap.js دارند که نداشتن semi-colon در آن باعث در هم شکستن آن در هنگام کوچک شدن با JSMin می شود. اگرچه استفاده نکردن از semi-colon در جاوا اسکریپت خوب است اما این ناهمخوانی باعث شکایت کردن برنامه نویسانی می شود که به دنبال اصلاح کد منبع هستند.

- بازدیدکنندگان وب سایت شما را جدی نمی گیرند:
برخی از کاربران نکته سنج عنوان می کنند که هنگام بازدید از وب سایتی که با استایل پیش فرض Bootstrap ایجاد شده است، قانونی بودن وب سایت برای آنها جای پرسش دارد. این مسئله بیشتر در مورد وب سایت هایی که تجارت الکترونیک (eCommerce) انجام می دهند مطرح است زیرا قبلا وب سایت هایی که کلاهبردار شناخته شده اند سبک و سیاق Bootstrap را داشته اند. با سفارشی نکردن استایل ها در وب سایت، کاربران رفته رفته اعتماد خود را به وب سایت هایی که با Bootstrap ساخته شده اند از دست می دهند که این آخرین چیزی است که صاحبان یک وب سایت می خواهند مخصوصا اگر در تلاش برای فروش محصول از طریق آن وب سایت باشند.

- Bootstrap باعث بیکار شدن طراحان وب و برنامه نویسان سمت کلاینت می شود؟
این ترس که فریم ورک هایی مانند Bootstrap قدرت ارائه و خودنمایی را به برنامه نویسان وب می دهد و نقش طراحان وب و برنامه نویسان سمت کلاینت کمرنگ و بلا استفاده می شود، یکی از مشکلات عجیبی است که Bootstrap ایجاد می کند. Bootstrap عالی و کامل است اما نباید آن را با یک theme اشتباه گرفت. Theme های فراوانی برای Bootstrap وجود دارد که بدون شک توسط طراحان وب ایجاد شده است. Bootstrap بیشتر شبیه راهی سریع برای برنامه نویسان است که پروتوتایپ یا نمونه اولیه یک وب سایت یا اپلیکیشن را برای ساختار MPV ایجاد کنند.




منبع و توضیحات بیشتر (http://forum.ahvazsell.ir/viewtopic.php?f=15&t=15)

[ravand]

من توی بوت استرپ فقط از اینا استفاده میکنم:

col-xs-12 col-sm-4 col-md-4 col-lg-3
چون اگه بخوام فقط با مدیا کوئری کار کنم خیلی وقت گیر میشه. وگرنه اصلا دوست ندارم از بوت استرپ استفاده کنم.

[ABZiko]

من توی بوت استرپ فقط از اینا استفاده میکنم:

col-xs-12 col-sm-4 col-md-4 col-lg-3
چون اگه بخوام فقط با مدیا کوئری کار کنم خیلی وقت گیر میشه. وگرنه اصلا دوست ندارم از بوت استرپ استفاده کنم.
والا حق با شماست، بنده هم خیلی از امکانات بوت استرپ استفاده نمی کنم، ولی اگر از تم های خوب استفاده بشه، خیلی عالی هست، مثل پوسته Material Design که جدید براش اومده ...

[Amin69]

من توی بوت استرپ فقط از اینا استفاده میکنم:

col-xs-12 col-sm-4 col-md-4 col-lg-3
چون اگه بخوام فقط با مدیا کوئری کار کنم خیلی وقت گیر میشه. وگرنه اصلا دوست ندارم از بوت استرپ استفاده کنم.

عذر میخوام یه سوال: شما که میفرمایید فقط از این دستور استفاده میکنید، آیا بوت استرپ رو customize کرده اید یا کل بوت استرپ رو در قالب قرار میدید؟
برای اینکه فقط از این ویژگی بوت استرپ(رسپانسیو) استفاده کنیم باید کدوم قسمتش رو تیک بزنیم(در قسمت دانلود کاستومایز)

[ravand]

نیازی به این کارا نیست. این کد رو بزن:

<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<style type="text/css">
.rang{
background-color:#6ca5db;
height:100px;
}
</style>
</head>
<body>
<div class="rang hidden-xs col-md-6 col-sm-6 col-lg-6">

</div>
</body>
</html>

در فایرفاکس بازش کن و دکمه های ctrl shift m را بزن و در بالا اون اندازه ها رو عوض کن. و نسخه های مختلف رو ببین. خودت متوجه میشی.