آموزش بوت استرپ ۴
استفاده و دانلود بوت استرپ ۴ کاملاً رایگان است!
محتویات
با مثالهای خود آن را امتحان کنید
آموزش بوت استرپ ۴ دارای صدها مثال از بوت استرپ ۴ است.[۱]
با استفاده از ویرایشگر (به انگلیسی: Editor) آنلاین ما، شما میتوانید کد را تغییر داده و برای مشاهدهٔ نتیجه برروی یک کلید کلیک کنید.
مثال بوت استرپ ۴
1 <div class="jumbotron text-center">
2 <h1>My First Bootstrap Page</h1>
3 <p>Resize this responsive page to see the effect!</p>
4 </div>
5
6 <div class="container">
7 <div class="row">
8 <div class="col-sm-4">
9 <h3>Column 1</h3>
10 <p>Lorem ipsum dolor..</p>
11 </div>
12 <div class="col-sm-4">
13 <h3>Column 2</h3>
14 <p>Lorem ipsum dolor..</p>
15 </div>
16 <div class="col-sm-4">
17 <h3>Column 3</h3>
18 <p>Lorem ipsum dolor..</p>
19 </div>
20 </div>
21 </div>
روی کلید «مشاهدهٔ نتیجه» کلیک کنید تا ببینید چگونه عمل میکند.
بوت استرپ ۳ در مقابل بوت استرپ ۴
بوت استرپ ۴ جدیدترین نسخه بوت استرپ است؛ با مؤلفههای جدید، صفحات سریعتر و واکنشگرایی (به انگلیسی: Responsiveness) بیشتر.
بوت استرپ ۴ آخرین نسخهٔ پایدار همهٔ مرورگرها و پلت فرمها را پشتیبانی میکند. با این حال Internet Explorer 9 و قدیمیتر پشتیبانی نمیشوند.
الگوی پایه بوت استرپ ۴
ما با بوت استرپ ۴ یک الگوی اولیهٔ واکنش گرا ایجاد کردهایم. شما میتوانید این الگو را تغییر دهید، ذخیره کنید، به اشتراک بگذارید و در پروژههای خود استفاده کنید:
مرجعهای بوت استرپ
لیست کامل همهٔ کلاسهای بوت استرپ ۴ با توضیح و مثالها.
اگر میخواهید استفاده بیشتری از مؤلفههای بوت استرپ داشته باشید، مرجع کامل JavaScript/jQuery بوت استرپ ۴ را مشاهده کنید - همه موارد دارای مثالهای “مشاهدهٔ نتیجه” هستند:
آیا میدانستید؟
WikiCod.CSS یک جایگزین عالی برای بوت استرپ است.
WikiCod.CSS کوچکتر، سریعتر و استفاده از آن سادهتر است.
منابع آموزشی