{"id":17124744,"url":"https://github.com/asika32764/bootstrap3-adapter","last_synced_at":"2025-04-13T06:11:35.166Z","repository":{"id":15129750,"uuid":"17856870","full_name":"asika32764/bootstrap3-adapter","owner":"asika32764","description":"Write Bootstrap2 syntax, use Bootstrap3 styles.","archived":false,"fork":false,"pushed_at":"2015-05-19T13:47:34.000Z","size":5172,"stargazers_count":10,"open_issues_count":1,"forks_count":1,"subscribers_count":4,"default_branch":"staging","last_synced_at":"2025-04-13T06:11:33.365Z","etag":null,"topics":["bootstrap-css","bootstrap2","bootstrap3","css","twitter-bootstrap"],"latest_commit_sha":null,"homepage":"http://simular.co/works/bootstrap3-adapter/","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/asika32764.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-03-18T07:11:20.000Z","updated_at":"2019-09-21T03:24:02.000Z","dependencies_parsed_at":"2022-08-29T01:30:20.231Z","dependency_job_id":null,"html_url":"https://github.com/asika32764/bootstrap3-adapter","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asika32764%2Fbootstrap3-adapter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asika32764%2Fbootstrap3-adapter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asika32764%2Fbootstrap3-adapter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asika32764%2Fbootstrap3-adapter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/asika32764","download_url":"https://codeload.github.com/asika32764/bootstrap3-adapter/tar.gz/refs/heads/staging","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248670434,"owners_count":21142904,"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":["bootstrap-css","bootstrap2","bootstrap3","css","twitter-bootstrap"],"created_at":"2024-10-14T18:43:17.044Z","updated_at":"2025-04-13T06:11:35.147Z","avatar_url":"https://github.com/asika32764.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bootstrap 3 Adapter\n  [![Analytics](https://ga-beacon.appspot.com/UA-48372917-1/bootstrap3-adapter/readme)](https://github.com/igrigorik/ga-beacon)\n\nWriting Bootstrap 2 syntax, using Bootstrap 3 styles.\n\n## Introduction\n\n### Why we need an adapter to fit old syntax?\n\nSome system has written in Bootstrap2 (example: [Joomla CMS](http://www.joomla.org/)), but when Bootstrap3 release, it's not backward compatible.\nThis adapter can help developer working in Bootstrap 2 \u0026 3 syntax that will not break their system when migrating to version 3, or make Bootstrap 2 system be flatten styles.\n\n### How to use it\n\nA html page written in Bootstrap 2 will be:\n\n``` html\n\u003c!-- Bootstrap 2 css --\u003e\n\u003clink href=\"assets/css/bootstrap.css\" rel=\"stylesheet\"\u003e\n\u003clink href=\"assets/css/bootstrap-responsive.css\" rel=\"stylesheet\"\u003e\n```\n\nThen we remove Bootstrap 2 css and add Bootstrap 3 css:\n\n``` html\n\u003c!-- Bootstrap 3 css --\u003e\n\u003clink href=\"assets/css/bootstrap.css\" rel=\"stylesheet\"\u003e\n```\n\nDownload and uncompress adapter zip file, we will get a file `bootstrap3-adapter.min.css`.\nAdd it after bootstrap css:\n\n``` html\n\u003c!-- Bootstrap 3 css --\u003e\n\u003clink href=\"assets/css/bootstrap.css\" rel=\"stylesheet\"\u003e\n\u003clink href=\"assets/css/bootstrap3-adapter.min.css\" rel=\"stylesheet\"\u003e\n```\n\nNow, a website written in Bootstrap 2 will be Bootstrap 3 flatten styles.\n\n## Contribution\n\n### Compiling less files\n\nThere is some less folders in this project.\n\n- `less` =\u003e main less files of adapter.\n- `less.2` =\u003e Bootstrap 2 less files\n- `less.3` =\u003e Bootstrap 3 less files\n\nIf you want to modify some less files in this project, please run\n\n```\n$ grunt dist\n```\n\nto compile less files. The css file will generated to `dist` and `docs/asset` folders.\n\nYou can open `docs/index.html` in browser to test your code.\n\n#### How to use Grunt?\n\nPlease see [Twitter Bootstrap: Compiling CSS and JavaScript](https://github.com/twbs/bootstrap/#compiling-css-and-javascript)\n\n### Compress css files to zip\n\nRun:\n\n```\n$ sh build/zip.sh\n```\n\nWill auto zip `dist/css/bootstrap3-adapter.css` and `dist/css/bootstrap3-adapter.min.css` to `asset/bootstrap3-adapter.zip`. Then we use this file to dispatch.\n\n## About Bootstrap\n\nThis project is based on Twitter Bootstrap, please see [twbs/bootstrap](https://github.com/twbs/bootstrap/)\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasika32764%2Fbootstrap3-adapter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fasika32764%2Fbootstrap3-adapter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasika32764%2Fbootstrap3-adapter/lists"}