Use Device Channels
You use Device Channels to target different group of devecies. SharePoint reads the
HTTP_USER_AGENT attribute to determine which device channel to use. Desktop uses the default and blank input of Device Inclusion Rules. Mobile ddevices is easy to target with the fallback of
$FALLBACKMOBILEUSERAGENTS;. IPad is also ease to target, just use
iPad as value of Device Incusion Rules. But Android Tablet is tough. If you type Android, you target all Android devices; tablets and phones since the
HTTP_USER_AGENT of Android is similar to each other. Android phones uses
Mobile in its
HTTP_USER_AGENT which you need to add before
Android targeting tablets. Otherwise you'll get the tablet device channel on Android phones as well.
When you test, you just add ?DeviceChannel=alias to see different views upon development. Be sure to test on real devices before deployment though.
If you're not using any screen width rules in your bootstrap implementation, device channels may work. But if you don't implement custom device channels, it won't make any change to your bootstrap. It'll use default (desktop) for every device.