آموزش بوت استرپ ۳
استفاده و دانلود بوت استرپ کاملاً رایگان است!
محتویات
با مثال مشاهدهٔ نتیجه
آموزش بوت استرپ دارای صدها مثال از بوت استرپ است. [۱]
با استفاده از ویرایشگر آنلاین ما، شما می‌توانید کد را تغییر داده و برای مشاهدهٔ نتیجه بر روی یک کلید کلیک کنید.
مثال بوت استرپ
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>
تمرین های بوت استرپ
مرجع های بوت استرپ
در WikiCod مرجع کامل همهٔ کلاس‌های CSS، مؤلفه‌ها و پلاگین‌های (به انگلیسی: plugins) جاوا اسکریپت بوت استرپ را خواهید یافت - همه با مثال‌های "خودتان نتیجه را ببینید":
زمینه ها (به انگلیسی: Themes) / الگوهای بوت استرپ
ما چند الگوی بوت استرپ ایجاد کرده‌ایم تا بتوانید با آن کار کنید. استفاده از آنها کاملاً رایگان است:
بوت استرپ ۳ در مقابل بوت استرپ ۴
بوت استرپ ۴ جدیدترین نسخه بوت استرپ است؛ با مؤلفه‌های جدید، صفحات سریعتر و واکنش‌گرایی (به انگلیسی: Responsiveness) بیشتر.
بوت استرپ ۴ آخرین نسخهٔ پایدار همهٔ مرورگرها و پلت فرم‌ها را پشتیبانی می‌کند. با این حال Internet Explorer 9 و قدیمی‌تر پشتیبانی نمی‌شوند.
آیا می‌دانستید؟
WikiCod.CSS یک جایگزین عالی برای بوت استرپ است.
WikiCod.CSS کوچکتر، سریعتر و استفاده از آن ساده‌تر است.
منابع آموزشی