خیلی سوال در مورد بوت استرپ تعداد بازدیدvisits : 1036
|
|||||||||
javadkhof
![]() ![]() ![]()
|
خیلی سوال در مورد بوت استرپ سلام ! یکی کامل توضیح بده این بوت استرپ چیه !؟ کارش چیه ؟! به چه دردی می خوره ؟! کجا استفاده میشه ؟! خلاصه توضیح کامل بدید ! :) ممنون و با تشچر |
||||||||
سه شنبه 16 دی 1393 - 18:08 |
|
hesam-aps
![]() ![]() ![]()
|
پاسخAnswer 1 : خیلی سوال در مورد بوت استرپ http://fa.wikipedia.org/wiki/%D8%A8%D9%88%D8%AA%E2%80%8C%D8%A7%D8%B3%D8%AA%D8%B1%D9%BE%DB%8C%D9%86%DA%AF_%28%D8%A2%D9%85%D8%A7%D8%B1%29 و http://rbootstrap.ir/ |
||||||||
سه شنبه 16 دی 1393 - 18:46 |
|
smaeal
![]() ![]() ![]()
|
پاسخAnswer 2 : خیلی سوال در مورد بوت استرپ اینا توضیح کاملی ندادن...بزار کیان بیاد بهتر توضیح میده...توی اون تاپیک هم گفت...من منظورشو نفهمیدم... چون من با اصطلاحات زیاد کار نکردم... با تشکر |
||||||||
سه شنبه 16 دی 1393 - 18:56 |
|
![]() |
سپاس هاThanks (1) : javadkhof - |
admin
![]() ![]() ![]() ![]() ![]() ![]()
|
پاسخAnswer 3 : خیلی سوال در مورد بوت استرپ بوت استرپ یه کتابخونه جاوا اسکریپته (مثل جی کوئری) که برای ریسپانسیو کردن سایت و قالب و اینجور چیزا استفاده میشه ... زیاد خودتونو درگیر این چیزا نکنین فقط حجم صفحه خودتون رو برای هیچی بردین بالا ... ارزش نداره ... با تشکر ![]() ![]() ![]() !Whatever you DISRESPECT, you'll never have the ability to ACCESS
|
||||||||
سه شنبه 16 دی 1393 - 19:05 |
|
![]() |
سپاس هاThanks (4) : smaeal - amirmohsen - javadkhof - farnam - |
smaeal
![]() ![]() ![]()
|
پاسخAnswer 4 : خیلی سوال در مورد بوت استرپ ممنون محمد جان... ما با همون مدیا راحت تر ریسپانسیو میکنیم...:دی با تشکر |
||||||||
سه شنبه 16 دی 1393 - 19:06 |
|
![]() |
سپاس هاThanks (3) : amirmohsen - javadkhof - farnam - |
karen54
![]() ![]() ![]()
|
پاسخAnswer 5 : خیلی سوال در مورد بوت استرپ علاوه بر ریسپانسیو سازی یک سری المنت هایی که میتونی شخصی سازیش کنی هم قرار داده. سایت رسمی اش هم اینه: getbootstrap.com موفق باشی |
||||||||
سه شنبه 16 دی 1393 - 20:55 |
|
smaeal
![]() ![]() ![]()
|
پاسخAnswer 6 : خیلی سوال در مورد بوت استرپ ممنون...ولی حجم قالب رو میبره بالا... اگه دقت کنی محمد توی همین قالب جدید حتی از جی کوئری هم استفاده نکرده...چه برسه به این که جایگزین هم داره... با تشکر |
||||||||
سه شنبه 16 دی 1393 - 20:58 |
|
![]() |
سپاس هاThanks (1) : javadkhof - |
masterhk
![]() ![]() ![]()
|
پاسخAnswer 8 : خیلی سوال در مورد بوت استرپ bootstrap در واقع یه کتابخونه css ـه و jsش برای امکانات اضافه بر سازمان( :دی )ـش بهش اضافه میشه. نکته بعدی این که jsش بر پایه jQuery ـه واین یعنی اگه بخواید ازش استفاده کنید ملزم به استفاده از jQuery هستید. اما کارش چیه؟؟ همونطور که small هم اشاره کرد؛ با @media توی css میشه با توجه به اندازه نمایشگر، خاصیت های مختلفی به عناصر صفحه داد؛ مثل سایزهای مختلف. کار bootstrap هم غیر از این نیست و برپایه همین خاصیت امکان نوشتن قالب هایی رو به ما میده که بدون نوشتن یک خط css توسط ما؛ -اصطلاحا- responsive هستن. یعنی با توجه به اندازه نمایشگر ما، اندازه و موقعیت شون عوض میشه تا بهترین حالت ممکن رو برای ما به وجود بیارن. این "چه طور"ش بود. حالا چه جوری ش... :دی bootstrap هر بخشی رو میتونه به یه ردیف 12 تایی تقسیم کنه. اول این حاصیت رو با colspan یه table تست کنین تا بهتر متوجه منظورم بشین. این html رو یه تستی بکنین: کد: <table> <thead> <tr> <th>Col1</th> <th>Col2</th> <th>Col3</th> <th>Col4</th> <th>Col5</th> </tr> </thead> <tbody> <tr> <td>Col1</td> <td colspan="2">Col2</td> <!--td>Col3</td--> <td>Col4</td> <td>Col5</td> </tr> <tr> <td>Col1</td> <td>Col2</td> <td>Col3</td> <td>Col4</td> </tr> <tr> <td>Col1</td> <td>Col2</td> <td>Col3</td> <td colspan="99">Col4</td> <!--td>Col5</td--> </tr> <tr> <td>Col1</td> <td>Col2</td> <td colspan="3">Col3</td> <!--td>Col4</td> <td>Col5</td--> </tr> </tbody> <tfoot> <tr> <td>Col1</td> <td>Col2</td> <td>Col3</td> <td>Col4</td> <td>Col5</td> </tr> </tfoot></table><style type="text/css"> table tbody td{ border: 1px solid black; }</style> می بینین که من با colspan حق استفاده یه td خاص از trش رو بیشتر دادم؛ (حداکثر استفاده از tr هم با تعداد th های عنوان جدول(thead جدول)مشخص میشه. مثال: یه th اضافه کنین تا ببینین.) همینطور میبینین که زمانی که colspan رو از حد مجازش بیشتر دادم هم، باز نتونسته [خیلی] خودش رو بکشه و باز با توجه به محدودیتش سایز گرفته. حکایت bootstrap هم همینه. هرجایی رو ما یه کلاس row بهش میدیم و اونوقت bootstrap آماده میشه که 12 قسمتش کنه. مثال: کد: <div class="row"> <div class="col-md-6"></div> <div class="col-md-6"></div></div> الآن من کلا اون بخش رو به 2 قسمت تقسیم کردم؛ یه قسمت با حق استفاده(مثل همون colspan( 6 و باز یه قسمت با حق استفاده 6. اینجا کلمه md رو میبینید. این نمایانگر سایز عنصرمون هست. البته این عبارت موقع نوشتن row زیاد تفاوتی ایجاد نمیکنه و تفاوتش رو موقع سایزدهی به سایر عناصر -مثل دکمه ها، کادرهای ورودی و...- مشاهده میکنیم. سایزها در bootstrap این ها هستن: به ترتیب از کوچیک به بزرگ: xs sm md lg xl همچنین ما میتونیم داخل هر col باز یه row دیگه تعریف کنیم: کد: <div class="row"> <div class="col-md-6">1</div> <div class="col-md-6"> <div class="row"> <div class="col-md-5">2</div> <div class="col-md-7">3</div> </div> </div></div> گاهی اوقات میخوایم بین دو تا کل یه فاصله بندازیم. مثلا: کد: <div class="row"> <div class="col-md-4">1</div> <div class="col-md-4"></div> <div class="col-md-4">2</div></div> میتونیم از offset هم استفاده کنیم: کد: <div class="row"> <div class="col-md-4">1</div> <div class="col-md-4 col-md-offset-4">2</div></div> در این صورت نتیجه دو تا کد بالا یکیه. ما مجبور نیستیم که همه 12 قسمت رو استفاده کنیم؛ (اون جدول رو ببینین): کد: <div class="row"> <div class="col-md-3">1</div> <div class="col-md-5">2</div></div> اگه تعداد قسمت هامون از 12 بیشتر بشه؛ به طور اتوماتیک، اضافی div ها میرن به خط بعد: کد: <div class="row"> <div class="col-md-3">1</div> <div class="col-md-5">2</div> <div class="col-md-4">3</div> <div class="col-md-2">4</div></div> تمام محتویات صفحه مون را داخل div با کلاس container میریزیم. در این صورت مثل همین صفحه انجمن که میبینید؛ محتویات از کنارهای صفحه یه فاصله ای میگیرن. اگه بخوایم محتویات صفحه رو به طور کامل بگیرن -فاصله ای از کنارها نداشته باشن- اسم کلاسمون رو container-fluid میزاریم. bootstrap چیزهای خیلی بیشتری هم داره و با توجه به اینکه کارکردن باهاش خیلی آسون، اما فوق العاده مفیده؛ من خودم تمام قالب هامو برپایه اون میسازم و به شما هم توصیه میکنم یه بار هم که شده یه تست بکنینش. http://getbootstrap.com باز هم بگم که bootstrap ملزم به jQuery نیست؛ فقط موقعی که بخواین از خاصیت های فایل jsش استفاده کنین jQuery لازم میشه... در ضمن این jQuery هم جایگزین داره؛ نه این، نه jQuery، نه هیچ کتابخونه دیگه ای معجزه نمیکنن؛ فقط یه سری کدهای آماده دارن که کارت زودتر راه بیفته... با تشکر... P: |
||||||||
چهارشنبه 17 دی 1393 - 07:47 |
|
smaeal
![]() ![]() ![]()
|
پاسخAnswer 9 : خیلی سوال در مورد بوت استرپ دمت گرم کیان جان... خودت نوشتی یا ...........(ولی این فلسمه عمه رو توضیح ندادیا..) در کل ممنون...ولی فکر کنم کسی که بار اولشه داره کدنویسی میکنه،اگه با مدیا کار کنه راحت تره... ولی تو چون کارهای بزرگ تحویل میدی،باید هم روشون کار کنی... با تشکر |
||||||||
چهارشنبه 17 دی 1393 - 07:50 |
|
masterhk
![]() ![]() ![]()
|
پاسخAnswer 10 : خیلی سوال در مورد بوت استرپ هندونه ها رو بگیر ببریم بازار سیاه تحویل داعش بدیم... :دی بله، خودم نوشتم... :| |
||||||||
چهارشنبه 17 دی 1393 - 07:54 |
|
smaeal
![]() ![]() ![]()
|
پاسخAnswer 11 : خیلی سوال در مورد بوت استرپ خب پس اینم جواب داده شد...راستی تاپیک «کد تلفظ آنلاین» رو بخون و بیا چتروم... با تشکر |
||||||||
چهارشنبه 17 دی 1393 - 07:57 |
|
![]() |
سپاس هاThanks (1) : javadkhof - |