فرم های پایه

  1. صفحه اصلی
  2. طرح بندی فرم ها
  3. فرم های پایه

فرم ساده

این ابتدایی ترین و پیش فرض فرم دارای بخش فرم است.

اطلاعات شرکت

فرم با کنترل های مرزی

همیشه می‌توانید رنگ حاشیه کنترل‌های فرم را با استفاده از آن تغییر دهیدborder-* class.

اطلاعات تماس

فرم با کنترل آیکون

این فرم استفاده از آیکون ها با کنترل های فرم را نشان می دهد. has-icon-left or has-icon-right class. Use icon-* class to define the icon for the form control. See Icons sections for the list of icons you can use.

$
.00

با Tooltip فرم دهید

این فرم نکات ابزاری را در شناور نشان می دهد تا اطلاعات مفیدی را در زمانی که کاربر در حال پر کردن فرم است ارائه دهد. data-toggle, trigger data-trigger, placement data-placement, title data-title to show tooltips on form controls.

کنترل فرم مربعی

این یکی دیگر از تغییرات سبک کنترل فرم پیش فرض است. square to any form control.

$
.00

کنترل فرم سبک گرد

این یک تغییر به سبک پیش فرض کنترل فرم است. round to any form control.

فرم تراز شده در مرکز

این مثال راهی را نشان می دهد که می توانید فرم خود را در کارت وسط قرار دهید. row justify-content-center classes to center the form in a full width card. User can always change those classes according to width and offset requirements. This example also uses form action buttons in the center bottom position of the card.

کارت تراز شده در مرکز با فرم

این مثال روشی را نشان می دهد که کارت خود را با فرم در مرکز قرار دهید. row justify-content-center classes to center the card as its not full width. User can always change those classes according to width and offset requirements. This example also uses form action buttons in the center bottom position of the card.

گزینه های رنگ نوار نوار
گزینه های طرح بندی
پس زمینه منوی نوار کناری
تصویر پس زمینه نوار کناری
background image
background image
background image
background image
تم های بیشتر
Layout Builder را امتحان کنید