Bootstrap 4 دکمه های مختلفی را ارائه می دهد:
<button type="button" class="btn">Basic</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn ...
راهی آسان برای ایجاد پیام هشدا در بوت استرپ از پیش تعریف شده فراهم می کند:
Success! این کادر هشدار نشان دهنده یک اقدام موفق یا مثبت است. Info! این کادر هشدار نشان دهنده یک تغییر یا اقدام آموزنده ...
jumbotron برای جلب توجه بیشتر به برخی از مطالب یا اطلاعات ویژه ، یک جعبه خاکستری بزرگ را نشان می دهد.
نکته: در داخل یک jumbotron می توانید تقریباً هر HTML معتبری از جمله سایر عناصر / کلاس های ...
یک جدول اصلی Bootstrap 4 دارای یک بالشتک سبک و تقسیم کننده های افقی است.
کلاس .table یک ظاهر طراحی اولیه را به یک جدول اضافه می کند:
<div class="container">
<h2>Basic Table</h2>
<p>The .table class adds basic styling (light ...
Bootstrap 4 کلاسهای متنی دارد که می توان از آنها برای ارائه "معنی از طریق رنگ ها" استفاده کرد.
<div class="container">
<h2>Contextual Colors</h2>
<p>Use the contextual classes to provide "meaning through colors":</p>
<p class="text-muted">This text is muted.</p>
<p ...
تنظیمات پیش فرض Bootstrap 4
Bootstrap 4 از اندازه قلم پیش فرض ۱۶px استفاده می کند ، و طول خط آن ۱٫۵ است.خانواده پیش فرض "Helvetica Neue" ، Helvetica ، Arial ، sans-serif است.علاوه بر این ، ...
جدول بندی درBootstrap 4
سیستم شبکه بوت استرپ با flexbox ساخته شده است و اجازه می دهد تا حداکثر ۱۲ ستون در طول صفحه باشد.اگر نمی خواهید از هر ۱۲ ستون بطور جداگانه استفاده کنید ، می توانید ...
شما از فصل قبل دریافتید که Bootstrap برای بسته بندی مطالب سایت به یک کلس نیاز دارد.از container برای پد کردن محتوای داخل آنها استفاده می شود ، و دو کلاس کانتینر ما داریم.
کلاس .container یک کلس با ...
