@extends('layouts.app') @section('styles') @endsection @section('content')

Inputs & Textareas

Textual form controls like <input> s and <textarea> s an upgrade with custom styles,focus states, and more.

Input Sizes

Set heights using classes like .form-control-lg and .form-control-sm.

Valid Inputs

Readonly plain text

If you want to have <input readonly> elements in your form styled as plain text, use the <.form-control-plaintext> class to remove the default form field styling and preserve the correct margin and padding .

Password

Select

Customize the native <select>s with custom CSS that changes the element’s initial appearance.

Default Select

Customize Select

Disabled Select

Select Sizes

You may also choose from small and large custom selects to match our similarly sized text inputs.

Small Size Select

Default Size Select

Large Size Select

Default Input Groups

@example.com

https://example.com/users/

$ .00

Input Groups Sizes

Small

Default

Large

Bootstrap Fileuploads

Default file input example

Small File Input

Large File Input

Form Elements With Sizes

Form-control small sizes

Radio example

checkbox example

Toggle example

Form-control Medium sizes

Radio example

checkbox example

Toggle example

Form-control Large sizes

Radio example

checkbox example

Toggle example

@endsection @section('scripts') @endsection

Form-Elements

Inputs & Textareas

Input Sizes

Valid Inputs

Readonly plain text

Select

Select Sizes

Gerenal Elements

Checksbox & Radio Buttons

Toggle switches

Default Input Groups

Input Groups Sizes

Bootstrap Fileuploads

Form Elements With Sizes