Skip to main content

Bootstrap HTML Themes to Build UI

In this video tutorial you will understand how to import Bootstrap HTML theme to build UI of the pages of your web app.

1. Open Bootstrap

You can find Bootstrap when you search via Google (https://getbootstrap.com/). Here you will find a number of free and paid themes to choose for your app.

DrapCode Builder Font Family

2. Download the Theme

Once you have chosen your desired theme. Click to Download its zip file and Save. You can click the Live Preview to know your theme better.

DrapCode Builder Font Family

3. Add the HTML Theme

To do this go back to your application and via App Settings you can open Custom HTML Theme.

DrapCode Builder Font Family

4. Upload the Theme

You can now Upload the theme you had downloaded. Click the upload option and add the zip file.

When you click Custom CSS you will be bale to view the uploaded file details here.

DrapCode Builder Font Family

5. View the Uploaded File

When you click Custom CSS you will be bale to view the uploaded file details here.

You can choose to either keep the Load Default CSS option marked or unmarked if it does not show or shows as per the case.

DrapCode Builder Font Family

6. Upload the Theme

Open your page and go to Theme Pages. Here you can drag-and-drop the HTML theme and Save.

DrapCode Builder Font Family

7. Preview the Page

Once you have made the needed changes to your theme, click Preview to view them.

DrapCode Builder Font Family