{"id":28273163,"url":"https://github.com/zesty-io/module-bootstrap5","last_synced_at":"2026-01-24T07:35:51.838Z","repository":{"id":97955397,"uuid":"597043207","full_name":"zesty-io/module-bootstrap5","owner":"zesty-io","description":"Module Bootstrap 5 Framework","archived":false,"fork":false,"pushed_at":"2023-02-22T12:01:13.000Z","size":115,"stargazers_count":0,"open_issues_count":1,"forks_count":2,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-06-17T23:38:39.258Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zesty-io.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2023-02-03T13:59:42.000Z","updated_at":"2023-02-06T17:08:44.000Z","dependencies_parsed_at":null,"dependency_job_id":"380d5151-e5ec-4306-914f-b20f45693702","html_url":"https://github.com/zesty-io/module-bootstrap5","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/zesty-io/module-bootstrap5","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zesty-io%2Fmodule-bootstrap5","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zesty-io%2Fmodule-bootstrap5/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zesty-io%2Fmodule-bootstrap5/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zesty-io%2Fmodule-bootstrap5/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zesty-io","download_url":"https://codeload.github.com/zesty-io/module-bootstrap5/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zesty-io%2Fmodule-bootstrap5/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28718962,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-24T05:53:42.649Z","status":"ssl_error","status_checked_at":"2026-01-24T05:53:41.698Z","response_time":89,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-05-21T00:17:27.562Z","updated_at":"2026-01-24T07:35:51.833Z","avatar_url":"https://github.com/zesty-io.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# module-bootstrap5\n\nThis module is meant for \u003cimg src=\"https://brand.zesty.io/zesty-io-logo.svg\" style=\"margin-left:10px\" width=\"15\" height=\"15\" alr=\"Zesty Logo\"\u003e Zesty's modules\nthat is using \u003cimg src=\"https://user-images.githubusercontent.com/55866499/217280250-1392ec17-2d71-4f8b-ae17-6a782a992b43.png\" style=\"margin-left:10px\" width=\"15\" height=\"15\" alr=\"Zesty Logo\"\u003e Bootstrap framework. Because it allows users to customize basic bootstrap default stylings such as: **Basic Font Stylings**, **Headers**, **Hyperlinks** and **Theme Colors**.\n\n\u003e **Warning**: Installing this module may affect existing content models that are using bootstrap stylings. Since the default bootstrap files will automatically be installed in the instance.\n\n\u003e In the **Zesty Instance Manager**, click **Settings** and choose under **WebEngine Styles \u0026 Fonts**\n\n\u003cimg src=\"https://user-images.githubusercontent.com/55866499/217253593-51bdb961-5466-4d8d-85a2-56e113b393c5.png\" width=\"25%\" height=\"300\"\u003e\n\u003cbr\u003e\n\n📝Some of the styling section may be [empty](https://user-images.githubusercontent.com/55866499/217271136-dafc9539-c807-4dc5-af81-30b0381f58e5.png), you may also add your own **\"Style Variable\"** settings using [Instance API](https://instances-api.zesty.org/#e90fa093-5d07-4ddb-a854-e1ec15701f47).\n\nWhat is Style Variables?\n\u003e This variables are used as reference in the stylesheets which allows users to change the styles of the web page dynamically. Click [here](https://zesty.org/services/manager-ui/settings/less-variables#what-are-style-variables) to know more about Style Variables.\n\n### 1. Body Colors \u0026 Spacing\n\u003e The bootstrap theme colors:`Primary` `Secondary` `Light` `Dark` can be customized in this section using Color Picker. Color such as: `Accent1` `Accent2` are the style variables for Theme Colors **Success** and **Info**\n\n\u003cimg src=\"https://user-images.githubusercontent.com/55866499/217267661-e4d32bd6-e63f-45f6-9eb0-c90ad779a8de.png\" width=\"100%\" height=\"400\"\u003e\n \n💡The styling will only apply to elements that has theme color classes. For example:  `class=\"text-primary\"` `class=\"bg-dark\"`.  \n\n### 2. Typography\n\u003e In this section, you can customize basic font stylings for all texts including all headers. \n\n\u003cimg src=\"https://user-images.githubusercontent.com/55866499/217271679-2ac71ae0-2ceb-42bc-9a28-311b77284925.png\" width=\"100%\" height=\"400\"\u003e\n\n#### 2.1 Installing Fonts \n\u003e To install a font, Under **Fonts** section click **Browse Fonts**\n       \n\u003cimg src=\"https://user-images.githubusercontent.com/55866499/217608615-fdaae863-d7f2-4a2d-8b71-46d094019ea5.png\" width=\"25%\" height=\"300\"\u003e\n\n\u003eChoose a font style with sets of font weight e.g (400, 500, 700) that will be included in the installation.\n\n\u003cimg src=\"https://user-images.githubusercontent.com/55866499/217614065-4e3e44b0-ff09-4b7b-84c0-c5c4eb2a46f0.png\" width=\"100%\" height=\"250\"\u003e\n\n\u003cbr\u003e\n\n\u003e Scroll to the right side of the panel then click **Add** to apply the selected font.\n\n\u003cimg src=\"https://user-images.githubusercontent.com/55866499/217614849-88baf076-c29d-4486-a63b-0f2f8d591914.png\" width=\"100%\" height=\"250\"\u003e\n\n\u003cbr\u003e\n\n\u003e Go to **Installed Fonts** to see the fonts that are installed in the instance\n\n\u003cimg src=\"https://user-images.githubusercontent.com/55866499/217615683-3d7631fe-eb26-49df-aaaf-f095a327de69.png\" width=\"100%\" height=\"250\"\u003e\n\n\n\u003e All installed fonts will be available as an option to all settings with font picker.\n\n\u003cimg src=\"https://user-images.githubusercontent.com/55866499/217616483-89aef796-6067-4129-a98f-7771e179fd14.png\" width=\"100%\" height=\"250\"\u003e\n\n💡Font will not be available in the **Typography** settings when its not yet installed. Font should be installed first in order to be available as a dropdown option in the settings.\n\n\n### 3. Links\n\u003e Hyperlinks stylings in the web page can be customized in this section including basic hyperlinks properties such as: hover, clicked and visited.\n\n\u003cimg src=\"https://user-images.githubusercontent.com/55866499/217314083-f7978774-e296-4c31-b7f0-aff2b17f5768.png\" width=\"100%\" height=\"400\"\u003e\n\n\n\u003e💡Font colors settings only apply to default elements (without class). \n \u003e All color settings will based on the `Bootstrap Theme colors` from **Body Colors and Spacing** section\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzesty-io%2Fmodule-bootstrap5","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzesty-io%2Fmodule-bootstrap5","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzesty-io%2Fmodule-bootstrap5/lists"}