{"id":20196815,"url":"https://github.com/itsjonq/lil-b","last_synced_at":"2026-06-29T15:31:41.745Z","repository":{"id":16037266,"uuid":"18781107","full_name":"ItsJonQ/lil-b","owner":"ItsJonQ","description":"Lil' B - A Bootstrap \"Reset\" Stylesheet","archived":false,"fork":false,"pushed_at":"2014-04-29T17:50:36.000Z","size":2376,"stargazers_count":14,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-11T21:19:21.671Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://itsjonq.github.io/lil-b/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ItsJonQ.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-04-14T23:57:48.000Z","updated_at":"2023-07-31T18:31:47.000Z","dependencies_parsed_at":"2022-07-13T13:10:26.206Z","dependency_job_id":null,"html_url":"https://github.com/ItsJonQ/lil-b","commit_stats":null,"previous_names":["itsjonq/bootstrap-lil-b"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ItsJonQ%2Flil-b","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ItsJonQ%2Flil-b/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ItsJonQ%2Flil-b/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ItsJonQ%2Flil-b/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ItsJonQ","download_url":"https://codeload.github.com/ItsJonQ/lil-b/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241629769,"owners_count":19993710,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":"2024-11-14T04:26:11.654Z","updated_at":"2025-12-12T03:16:30.551Z","avatar_url":"https://github.com/ItsJonQ.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bootstrap - Lil' B #\nA Bootstrap for Bootstrap\n\n![Lil B Logo](https://raw.githubusercontent.com/ItsJonQ/bootstrap-lil-b/master/images/bootstrap-lil-b-banner.jpg)\n\nLil' B is a Bootstrap Reset Stylesheet. It was created to \"fix\" spacing inconsistencies and various nuances of Bootstrap. Lil' B also has a handful of helper classes to make bootstrappin' your site that much easier.\n\n### How To Use ###\n- Download the b.css file (located in dist/css/b.css) and add it to your project\n- Load it up **after** you add bootstrap to your project\n\n#####Example#####\n```\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"css/bootstrap.min.css\"\u003e\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"css/b.css\"\u003e\n```\n\n#### Helper Classes ####\n\n#####\"Solo\" Column#####\n*.col-solo*\n\n```\n\u003cdiv class=\"container\"\u003e\n    \u003cdiv class=\"row\"\u003e\n        \u003cdiv class=\"col-md-8 col-solo\"\u003e\n            Content here\n        \u003c/div\u003e\n    \u003c/div\u003e\n\u003c/div\u003e\n```\n\nThis is designed to be added to \"column\" sized elements where you wish to have a desired size (e.g. col-md-8 for width of 66.6667%), but you don't it to float or to have any elements next to it.\n\nThis is useful for single-page type layouts where content blocks need to be slightly narrower instead of col-md-12 or container width (default-max 1170px)\n\n\n#####Responsive Video Embeds#####\n*.flex-video*\n\n```\n\u003cdiv class=\"flex-video\"\u003e\n    * Insert your video embed here *\n\u003c/div\u003e\n```\n\nThis helper class allows for video embeds to be responsive. Most videos these days have a 16:9 (HD) ratio. If your video embed is of a 4:3 (SD) ratio, add .sd along with the .flex-video class.\n\n\n#####\"Position:Fixed\" Optimizer#####\n*.fixed-z*\n\n```\n\u003cdiv class=\"floating-content fixed-z\"\u003e\n    Fixed floating content\n\u003c/div\u003e\n```\n\nThis helper class adds the \"translateZ\" hack for selectors that are set as position: fixed to help prevent brower repaints on browser scrolls/resize.\n\n\n#####Disable Selection (No-Select)#####\n*.no-select*\n\n```\n\u003cdiv class=\"some-nav no-select\"\u003e\n    ...\n\u003c/div\u003e\n```\n\nThis helper class disables selection for selectors. This is handy for navigations, links, headers, buttons, etc..\n\n\n#####Text: Lowercase#####\n*.text-lowercase*\n\n```\n\u003cdiv class=\"mini-content-area text-lowercase\"\u003e\n    i am now lowercase text! EVEN THOUGH THIS PART IS WRITTEN IN UPPERCASE.\n\u003c/div\u003e\n```\n\nThis helper class transforms the text within to all lowercase.\n\n\n#####Text: Uppercase#####\n*.text-uppercase*\n\n```\n\u003cdiv class=\"mini-content-area text-uppercase\"\u003e\n    i am now uppercase text! even though.. I am written in lowercase.\n\u003c/div\u003e\n```\n\nThis helper class transforms the text within to all lowercase.\n\n#####Vertical Align Center#####\n*.v-center*\n\n```\n\u003cdiv class=\"v-center text-center\"\u003e\n    \u003c!-- you don't need to add a class to the child div,\n         but you can if you want --\u003e\n    \u003cdiv\u003e\n        \u003ch3\u003eI'm vertically aligned!\u003c/h3\u003e\n    \u003c/div\u003e\n\u003c/div\u003e\n```\n\nThis helper class helps vertically align elements.\nIn order to get .v-center to work properly, you have to have a child div within the parent .v-center selector.\n\nIt is recommended that you add some sort of height to your .v-center selector to get the desired effect.\n\n\n**Enjoy! :)**\n\nP.S. Feedback welcome!\n\n### Updates ###\n#### April 29, 2014 ####\n- added .flex-video for responsive video embeds\n\n#### April 24, 2014 ####\n- Split up core functions of Lil B into individual files and relocated them to src/css (e.g. src/css/b.control.css)\n- Relocated compiled files to dist/css. There you'll find b.css and b.min.css\n- The \"optimization\" (aka repaint fixes) have been submitted to Bootstrap for approval. Hopefully they'll add it into core! :)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitsjonq%2Flil-b","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fitsjonq%2Flil-b","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitsjonq%2Flil-b/lists"}