Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mdbootstrap/bootstrap-address-form

Responsive Address Form with Bootstrap 5. Templates include basic examples, use of cards, use of photos & more.
https://github.com/mdbootstrap/bootstrap-address-form

address address-forms bootstrap bootstrap-forms bootstrap-responsive bootstrap5 card-form form responsive

Last synced: about 1 month ago
JSON representation

Responsive Address Form with Bootstrap 5. Templates include basic examples, use of cards, use of photos & more.

Host: GitHub
URL: https://github.com/mdbootstrap/bootstrap-address-form
Owner: mdbootstrap
License: other
Created: 2021-08-12T09:33:59.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2022-01-28T08:53:48.000Z (about 3 years ago)
Last Synced: 2024-04-25T14:40:34.684Z (10 months ago)
Topics: address, address-forms, bootstrap, bootstrap-forms, bootstrap-responsive, bootstrap5, card-form, form, responsive
Language: JavaScript
Homepage: https://mdbootstrap.com/docs/standard/extended/bootstrap-address-form/
Size: 956 KB
Stars: 3
Watchers: 5
Forks: 3
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: License.pdf

Awesome Lists containing this project

README

Responsive Address Form with Bootstrap 5. Templates include basic examples, use of cards, use of photos & more.

Check out [Bootstrap Address Form Documentation](https://mdbootstrap.com/docs/standard/extended/bootstrap-address-form/) for detailed instructions & even more examples.

## Basic example

![Bootstrap 5 Address Form](https://mdbootstrap.com/img/Marketing/github/address-form/basic.png)

```html

Biling details

First name

Last name

Company name

Address

Phone

Additional information

Create an account?

Summary

Products
$53.98

Shipping
Gratis

Total amount

(including VAT)

$53.98

Make purchase

```

## How to use?

1. Download MDB 5 - free UI KIT

2. Choose your favourite customized component and click on the image

3. Copy & paste the code into your MDB project

[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)

## More examples

[Bootstrap Delivery address form card:
![Bootstrap 5 Address Form](https://mdbootstrap.com/img/Marketing/github/address-form/section-2.png)](https://mdbootstrap.com/docs/standard/extended/bootstrap-address-form/#address-form-card)

[Bootstrap Advanced address form:
![Bootstrap 5 Address Form](https://mdbootstrap.com/img/Marketing/github/address-form/section-3.png)](https://mdbootstrap.com/docs/standard/extended/bootstrap-address-form/#advanced-address-form)

[Bootstrap Address form with image:
![Bootstrap 5 Address Form](https://mdbootstrap.com/img/Marketing/github/address-form/section-4.png)](https://mdbootstrap.com/docs/standard/extended/bootstrap-address-form/#address-form-image)

___

## More extended Bootstrap documentation