Download

Download Bootstrap to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm.

Package managers

Pull in Batix Industrial Theme’s source files into nearly any project with some of the most popular package managers. No matter the package manager, Batix Industrial UI Framwork will require a Sass compiler and Autoprefixer for a setup that matches our official compiled versions.

Authenticating at the Batix NPM Feed

In order to use the Batix Industrial UI Framework, you have to authenticate yourself on the Batix NPM feed.

Windows

Install the package vsts-npm-auth globally on your machine.

npm install -g vsts-npm-auth

or

yarn global add vsts-npm-auth

Add a .npmrc to your project, in the same directory as your package.json with the following content.

registry=https://pkgs.dev.azure.com/batix-software-gmbh/Private-Artifacts/_packaging/bx-npm/npm/registry/

always-auth=true

Then, run vsts-npm-auth to get an Azure Artifacts token added to your user-level .npmrc file.

vsts-npm-auth -config .npmrc

You don’t need to do this every time. npm will give you a 401 Unauthorized error when you need to run it again.

Other OS

Add a .npmrc to your project, in the same directory as your package.json with the following content.

registry=https://pkgs.dev.azure.com/batix-software-gmbh/Private-Artifacts/_packaging/bx-npm/npm/registry/

always-auth=true

Step 1

Copy the code below to your user .npmrc. This is commonly located at ~/.npmrc.

; begin auth token
//pkgs.dev.azure.com/batix-software-gmbh/Private-Artifacts/_packaging/bx-npm/npm/registry/:username=batix-software-gmbh
//pkgs.dev.azure.com/batix-software-gmbh/Private-Artifacts/_packaging/bx-npm/npm/registry/:_password=[BASE64_ENCODED_PERSONAL_ACCESS_TOKEN]
//pkgs.dev.azure.com/batix-software-gmbh/Private-Artifacts/_packaging/bx-npm/npm/registry/:email=npm requires email to be set but doesn't use the value
//pkgs.dev.azure.com/batix-software-gmbh/Private-Artifacts/_packaging/bx-npm/npm/:username=batix-software-gmbh
//pkgs.dev.azure.com/batix-software-gmbh/Private-Artifacts/_packaging/bx-npm/npm/:_password=[BASE64_ENCODED_PERSONAL_ACCESS_TOKEN]
//pkgs.dev.azure.com/batix-software-gmbh/Private-Artifacts/_packaging/bx-npm/npm/:email=npm requires email to be set but doesn't use the value
; end auth token

Step 2

Generate a Personal Access Token with Packaging read & write scopes.

Step 3

Base64 encode the personal access token from Step 2.

One safe and secure method of Base64 encoding a string is to:

1. From a command/shell prompt run:

node -e "require('readline') .createInterface({input:process.stdin,output:process.stdout,historySize:0}) .question('PAT> ',p => { b64=Buffer.from(p.trim()).toString('base64');console.log(b64);process.exit(); })"

2. Paste your personal access token value and press Enter/Return
3. Copy the Base64 encoded value

Step 4

Replace both [BASE64_ENCODED_PERSONAL_ACCESS_TOKEN] values in your user .npmrc file with your personal access token from Step 3.

npm

Install Bootstrap in your Node.js powered apps with the npm package:

npm install batix-industrial-ui-framework

require('bootstrap') will load all of Bootstrap’s jQuery plugins onto the jQuery object. The bootstrap module itself does not export anything. You can manually load Bootstrap’s jQuery plugins individually by loading the /js/*.js files under the package’s top-level directory.

Bootstrap’s package.json contains some additional metadata under the following keys:

• sass - path to Bootstrap’s main Sass source file
• style - path to Bootstrap’s non-minified CSS that’s been precompiled using the default settings (no customization)

yarn

Install Bootstrap in your Node.js powered apps with the yarn package:

yarn add batix-industrial-ui-framework