Loading...

Using Android with Bootstrap

Android UI has great support for common elements used with mobiles, but the GUI is not the best. Welcome Android with Bootstrap support! Export Kit allows you to add Bootstrap themes to your Android UI Output with little to no effort!

Only with Export Kit you can unleash Bootstrap beyond CSS.

Step 1: Install the UI Builder

You can get started right away with Android and Bootstrap by installing our default UI Elements for Bootstrap. This will give you all UI/UX assets for building common Bootstrap-based themes. Most elements convert directly to Android with no additional steps required.

Step 2: Add your Bootstrap Elements

Add any preset Bootstrap element to your design, or create your own using any supported layer effect. Android has a few different rules regarding designs, and will require the correct folder structure to render correctly on each target screen. Text in Android is also very different and may require tweaking such as loading fonts and correctly text characters.

IMPORTANT: Android uses DPI, Photoshop/Illustrator use a custom Adobe pixel, they are NOT the same - learn more.
Learn more about Layer Effects Support.
Learn more about Loading Fonts in Android and working with Special Characters (ASCII).

Step 3: Export then Import into Studio

That’s it, no rocket science required. Not all layers and effects render the same in Android and you see visually in Photoshop or Illustrator, read our guide for exporting Android UI projects to learn how to import into Eclipse or Android Studio.

Optimize your Design

Android will render some elements differently than what is expected in web-based exports. You may need to return to Photoshop or Illustrator to tweak your design based on the results of your output.

EXAMPLE: Text elements.  We always recommend you split your Paragraph Menus into individual menu items, Android will render new lines as '\r' and this may not visually render as expected.
EXAMPLE: If you create a single text layer as a Paragraph Menu, then you will only have access to a single TextView in Java, and this may not be what you expected.
Read our Optimization Tips for common bug fixes.
LOGIN NOW: Get instant access to our free Online Training - click here.

Products For Android Professionals


android_pack

Android Pack

android_pack

Android Pack (6 Months)

android_pack

Android Pack

Need a custom solution?

Try our Shop!

Using the Plugin

Layer Support

Layer Tags

How To Guides

Optimization Tips

Help Us Improve


We aim to keep our content relevant with useful information, examples, samples and links. Tell us what you think!

I found the content:

Helpful
Confusing
Outdated
Broken Links
Bad Spelling
Too Short
Too Long

This page needs:

Nothing
Better Content
Links
Examples
Videos

Free Download


One Pager Website

A clean professional single page website design.

Start Your 14 Day Free Trial

New users get instant access to the 14 Day Free Trial with all features enabled, and Free Online Training. We guarantee your first conversion will 100% work - we work with you to ensure this, contact us or check our FAQs for assistance.

Connect With Us

Top