فرم ساده

این ابتدایی ترین و پیش فرض فرم دارای بخش های فرم است. .sr-only class to a label to hide.

اطلاعات شرکت

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

فقط اضافه کن.sr-only class to a label to hide. You can always change the border color of the form controls using border-* class.

اطلاعات تماس

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

فقط اضافه کن.sr-only class to a label to hide. This form shows the use of icons with form controls. Define the position of the icon using 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 فرم دهید

فقط اضافه کن.sr-only class to a label to hide. This form shows tooltips on hover to provide useful information while user is filling the form. Use data attributes like toggle data-toggle, trigger data-trigger, placement data-placement, title data-title to show tooltips on form controls.

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

فقط اضافه کن.sr-only class to a label to hide. This is another variation to the default form control styling. In this example all the form controls has square styling. To apply square style add class square to any form control.

$
.00

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

فقط اضافه کن.sr-only class to a label to hide. This is a variation to the default form control styling. In this example all the form controls has round styling. To apply round style add class round to any form control.

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

فقط اضافه کن.sr-only class to a label to hide. This example shows a way to center your form in the card. Here we have used 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.

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

فقط اضافه کن.sr-only class to a label to hide. This example shows a ways to center your card with form. Here we have used 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 را امتحان کنید