چینش فرم
مثال اساسی
در اینجا یک مثال سریع برای نشان دادن سبک های فرم بوت سترپ وجود دارد.خواندن را برای مستندات در کلاسهای مورد نیاز ، طرح فرم و موارد دیگر ادامه دهید.
شکل افقی
با اضافه کردن فرم های افقی با شبکه ایجاد کنید .rowکلاس برای تشکیل گروه ها و استفاده از .col-*-* کلاس هایی برای مشخص کردن عرض برچسب ها و کنترل های خود.حتماً اضافه کنید .col-form-label به <label> نیز به طور عمودی با کنترل فرم مرتبط با آنها متمرکز شده اند.
فرم درون خطی
از .row-cols-lg-auto, .g-3 و .align-items-center کلاس برای نمایش یک سری برچسب ها ، کنترل فرم و دکمه ها در یک ردیف افقی واحد.کنترل فرم در فرم های درون خطی کمی از حالت های پیش فرض آنها متفاوت است.کنترل ها فقط در نمای نمایشی که حداقل 576px عرض دارند ، به نظر می رسد که نمای باریک در دستگاه های تلفن همراه را به خود اختصاص دهد.
سایز خودکار
اندازه برچسب افقی
حتماً استفاده کنید .col-form-label-sm یا .col-form-label-lg یا <label> یا <legend> به درستی دنبال کردن اندازه .form-control-lg و .form-control-sm.
ردیف شکل
با اضافه کردن .row و .g-2, شما می توانید بر روی عرض روده و همچنین خط داخلی به عنوان بلوک کنترل داشته باشید.