Bootstrap is a very popular front-end framework for building responsive, mobile-first sites. It can be a good companion for ZK with the following usages:

See the integration example: admin template

Include JAR

To avoid downloading bootstrap manually, it’s convenient to include it by WebJars with Maven.

        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>bootstrap</artifactId>
            <version>4.6.0</version>
        </dependency>

Include CSS

Page Scope

<?link rel="stylesheet" href="/webjars/bootstrap/4.6.0/css/bootstrap.min.css"?>

Application Scope

<?xml version="1.0" encoding="UTF-8"?>
<language-addon>
    <addon-name>bootstrap</addon-name>
    <language-name>xul/html</language-name>
    <stylesheet href="/webjars/bootstrap/4.6.0/css/bootstrap.min.css" type="text/css"/>
</language-addon>

See ZK_Client-side_Reference/Language_Definition/stylesheet