Skip to content

Commit 6cd19be

Browse files
authored
Document Bootstrap CDN integration and customization
Added information on Bootstrap CDN usage and customization options.
1 parent 1dad216 commit 6cd19be

1 file changed

Lines changed: 21 additions & 0 deletions

File tree

articles/active-directory-b2c/customize-ui-with-html.md

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -447,6 +447,27 @@ The [sample templates](https://github.com/azure-ad-b2c/html-templates) use **Boo
447447

448448
The templates reference the following CDN URL for Bootstrap CSS:
449449

450+
```
451+
https://cdn.jsdelivr.net/npm/bootstrap@3.3.5/dist/css/bootstrap.min.css
452+
```
453+
454+
The default configuration in the template HTML files includes a link element similar to the following example:
455+
456+
```xml
457+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.5/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
458+
```
459+
460+
For the official Bootstrap 3.3.5 download and CDN details, see [Bootstrap 3.3 Getting Started](https://getbootstrap.com/docs/3.3/getting-started/#download-cdn).
461+
462+
#### Replace the CDN reference
463+
464+
You can replace the CDN reference with your organization's internal CDN or a locally hosted copy to meet reliability, security, or compliance requirements.
465+
466+
> [!IMPORTANT]
467+
> The templates are validated specifically against Bootstrap 3.3.5. Upgrading, downgrading, or otherwise modifying the Bootstrap version might introduce styling, layout, or component compatibility issues.
468+
469+
If you change the Bootstrap version, you're responsible for completing regression testing to validate that your customized templates work correctly with Azure AD B2C. Retain the validated version unless you've completed appropriate testing.
470+
450471
## Use company branding assets in custom HTML
451472

452473
To use [company branding](customize-ui.md#configure-company-branding) assets in a custom HTML, add the following tags outside the `<div id="api">` tag. The image source is replaced with that of the background image and banner logo.

0 commit comments

Comments
 (0)