{"id":13469869,"url":"https://github.com/ddouble/bsie","last_synced_at":"2025-10-22T16:56:40.132Z","repository":{"id":5875369,"uuid":"7092862","full_name":"ddouble/bsie","owner":"ddouble","description":"Bootstrap IE6 Compatible Library","archived":false,"fork":false,"pushed_at":"2013-11-30T12:22:31.000Z","size":1739,"stargazers_count":686,"open_issues_count":7,"forks_count":193,"subscribers_count":79,"default_branch":"master","last_synced_at":"2024-02-14T23:33:09.161Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://ddouble.github.com/bsie/","language":"CSS","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/ddouble.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}},"created_at":"2012-12-10T12:27:15.000Z","updated_at":"2023-11-16T03:13:20.000Z","dependencies_parsed_at":"2022-08-30T16:11:21.295Z","dependency_job_id":null,"html_url":"https://github.com/ddouble/bsie","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ddouble%2Fbsie","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ddouble%2Fbsie/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ddouble%2Fbsie/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ddouble%2Fbsie/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ddouble","download_url":"https://codeload.github.com/ddouble/bsie/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":222131035,"owners_count":16936304,"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-07-31T16:00:18.083Z","updated_at":"2025-10-22T16:56:35.111Z","avatar_url":"https://github.com/ddouble.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"## Welcome, This is bsie project Home.\n\n### Introduce\nbsie is a patch library for Bootstrap IE6 support, bootstrap is a good web UI library from [twitter.com](http://twitter.github.com/bootstrap)\n\nAt present, bsie support the most common feature of bootstrap on IE6, but not all ...\n\nFollowing table is currently supported component \u0026 feature:\n```\nComponent       Feature\n-----------------------------------------------------------\ngrid            fixed, fluid\nnavbar          top, fixed\nnav             list, tabs, pills\ndropdown        dropdown (two level)\nbuttons         button, group color, size, dropdown-button, \n                (disable state is not dynamic)\nform            default, horizontal, inline, all controls, \n                validation state\ntables          hover\nbreadcrumbs     all\npagination      all\nlabels          all\nbadges          all\ncode            all\nmodal           most\ntooltip         all\npopover         all\nalert           all\ntypeahead       all\nprogressbar     most\nmedia           all\nwells           all\nhero unit       all\nicons           all\n```\n\n### File summary\n\n\n`bootstrap/css/bootstrap.css :`\n\n  This is original bootstrap css.\n\n`bootstrap/css/bootstrap.min.css :`\n\n  This is compressed original bootstrap css.\n\n`bootstrap/css/bootstrap-ie6.css :`\n\n  This is bsie main css.\n\n`bootstrap/css/bootstrap-ie6.min.css :`\n  \n  This is compressed bsie main css.\n\n`bootstrap/css/ie.css :`\n  \n  This is bsie additional css patch, its most content can not be writen in .less file, it must follow bootstrap-ie6.css in `\u003chead\u003e` block.\n\n`js/bootstrap-ie.js :`\n  \n  This javascript file patch some problem which can not be done by pure CSS approach.\n\n`bootstrap/img/glyphicons-halflings.png-8.png :`\n  \n  This image file is transparent icons for IE6, it's a 8 bit png image, not very perfect, but I think it can be accepted.\n\n`bootstrap/less-ie6 :`\n\n  There are all patched .less files, you can compile bootstrap-ie6.less with lessc to get your patch css file -- bootstrap-ie6.css\n\n\n### Demo\n\n**In bsie root directory, these file is demo:**\n\n`test-XXX.html`, for example test-buttons.html  test-form.html\n\n`p-1.html`...`p-N.html`, these file is a copy of bootstrap example pages\n\n\n### Manual\n\n**Step 1, In `\u003chead\u003e` block, add following stylesheet:**\n```\n  \u003c!-- Bootstrap css file v2.2.1 --\u003e\n  \u003clink rel=\"stylesheet\" type=\"text/css\" href=\"bootstrap/css/bootstrap.min.css\"\u003e\n\n  \u003c!--[if lte IE 6]\u003e\n  \u003c!-- bsie css patch --\u003e\n  \u003clink rel=\"stylesheet\" type=\"text/css\" href=\"bootstrap/css/bootstrap-ie6.css\"\u003e\n\n  \u003c!-- bsie additional css patch --\u003e\n  \u003clink rel=\"stylesheet\" type=\"text/css\" href=\"bootstrap/css/ie.css\"\u003e\n  \u003c![endif]--\u003e\n```\n**Step 2, In end of the document, add following javascript:**\n```\n  \u003c!-- jQuery 1.7.2 or higher --\u003e\n  \u003cscript type=\"text/javascript\" src=\"js/jquery-1.7.2.min.js\"\u003e\u003c/script\u003e\n\n  \u003c!-- Optional, bootstrap javascript library --\u003e\n  \u003cscript type=\"text/javascript\" src=\"bootstrap/js/bootstrap.js\"\u003e\u003c/script\u003e\n  \n  \u003c!--[if lte IE 6]\u003e\n  \u003c!-- bsie js patch, it will only execute in IE6 --\u003e\n  \u003cscript type=\"text/javascript\" src=\"js/bootstrap-ie.js\"\u003e\u003c/script\u003e\n  \u003c![endif]--\u003e\n```\n\n**Step 3, Optional accoding to your situation:**\n  \nIE6   **Notice:** : call $.bootstrapIE6(el) for every new html snippet (for ajax html content)\n```    \n/**\n * make elements in container el to be compatible with IE6\n */\nif ($.isFunction($.bootstrapIE6)) $.bootstrapIE6(el);\n```\n\nIE6    currently not support nested tabs control, because IE6 don't support child css selector \n\n\n### IE6-7 hack\n\n**IE6 hack**\n```\n  _zoom:1;\n```\n**IE6-7 hack**\n```\n  *zoom:1;\n```\n\n### IE6 bug fix tip\n\n**hasLayout (clear float):**\n```\n  .container \n  { \n    zoom:1; \n  }\n```\n\n**other css property which will trigger hasLayout:**\n```  \n  position:   absolute\n  float:      left | right\n  display:    inline-block\n  width:      except 'auto'\n  height:     except 'auto'\n  zoom:       except 'normal'\n  overflow:   hidden | scroll | auto\n  overflow-x/-y: hidden | scroll | auto\n  position:   fixed\n  min-width:  any value\n  max-width:  except 'none'\n  min-height: any value\n  max-height:  except 'none'\n  writing-mode: tb-rl   /* only for MS */\n```\n  \n**following css property will clear hasLayout:**\n```  \n  width:        auto;\n  height:       auto;\n  max-width:    none;   /* IE7 */\n  max-height:   none;   /* IE7 */\n  position:     static;\n  float:        none;\n  overflow:     visible;\n  zoom:         normal;\n  writing-mode: lr-t;\n```\n\n**In one selector, following css will not set hasLayout=false:**\n```\n  .element {\n    display:inline-block;\n    display:inline;\n  }\n```\n\n**inline-block:**\n```\n  `.container \n  { \n    zoom:1; \n    display:inline;\n  }\n```\n\n**transparent color:**\n```\n  .element\n  {\n    border-color:pink/* rarely used color */;\n    filter:chroma(color:pink);\n  }\n  * notice: the filter will cause disappeared of absolute element which in relative container\n```\n\n**body background color:**\n```\n  body { /* Faild: Sometime, it will not render whole page by gray color  */\n    background-color: gray;\n  }\n  * html { /* Success! */\n    background-color: gray;\n  }\n```\n\nIE6-7  ul.dropdown-menu must add this style: _*width:explicit-width_;\n```\n  /* for example */\n  *width:180px;\n```\n\n### Support \u0026 Contact\n\nIf you have some patch for these library, Please send to:\nddouble.cn@gmail.com\n\nThanks.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fddouble%2Fbsie","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fddouble%2Fbsie","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fddouble%2Fbsie/lists"}