ویرایشگر (Editor)
با «ویرایشگر بوتسترپ» می توانی کد را آنلاین بنویسی. سپس فوری نتیجه را در مرورگر ببینی. این یعنی تمرین سریع، مثل حل تمرین در کلاس اما با پیش نمایش زنده.
ویرایشگر بوتسترپ؛ اجرا و پیش نمایش فوری
در این ابزار، کد را می نویسی و بلافاصله خروجی را می بینی. «پیش نمایش زنده» یعنی بدون نصب چیزی نتیجه را می بینی.
<div class="bg-light p-5 text-center">
<h2>My First Bootstrap Page</h2>
<p>Some Bootstrap buttons:</p>
<button class="btn btn-primary">Primary</button>
<button class="btn btn-success">Success</button>
</div>
گام های عملی
- کد HTML بوتسترپ را در ویرایشگر وارد کن.
- روی «Run» یا «Try it Yourself» کلیک کن.
- خروجی را در سمت راست ببین و اصلاح کن.
نکته: دکمه «Try it Yourself» صفحه کد را باز می کند. سپس نتیجه را همان جا نشان می دهد.
برای شروع سریع، از قالب پایه کمک بگیر. سپس در مثال های گرید تمرین کن و کدها را در «ویرایشگر بوتسترپ» اجرا کن.
جمع بندی سریع
- ویرایشگر بوتسترپ اجرا را فوری می کند.
- بدون نصب، تمرین و تست کن.
- از Try it برای پیش نمایش استفاده کن.
- با قالب پایه سریع شروع کن.