{"id":15857234,"url":"https://github.com/xtuc/bootstraptwigbundle","last_synced_at":"2025-04-01T19:35:48.769Z","repository":{"id":65989838,"uuid":"68439429","full_name":"xtuc/BootstrapTwigBundle","owner":"xtuc","description":null,"archived":false,"fork":false,"pushed_at":"2016-09-17T09:52:15.000Z","size":96,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-17T11:52:45.163Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"PHP","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/xtuc.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}},"created_at":"2016-09-17T07:56:00.000Z","updated_at":"2016-09-17T09:51:12.000Z","dependencies_parsed_at":"2023-05-21T11:15:22.441Z","dependency_job_id":null,"html_url":"https://github.com/xtuc/BootstrapTwigBundle","commit_stats":{"total_commits":17,"total_committers":3,"mean_commits":5.666666666666667,"dds":"0.23529411764705888","last_synced_commit":"c37ff3ca246275f7876ad19bd2295882f633c41b"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xtuc%2FBootstrapTwigBundle","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xtuc%2FBootstrapTwigBundle/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xtuc%2FBootstrapTwigBundle/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xtuc%2FBootstrapTwigBundle/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xtuc","download_url":"https://codeload.github.com/xtuc/BootstrapTwigBundle/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246701224,"owners_count":20820018,"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-10-05T20:21:30.315Z","updated_at":"2025-04-01T19:35:48.746Z","avatar_url":"https://github.com/xtuc.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![No Maintenance Intended](http://unmaintained.tech/badge.svg)](http://unmaintained.tech/)\n\n# Bootstrap Twig Bundle\n\nThe bundle requires Bootstrap to be already installed ([download here](https://getbootstrap.com/getting-started/#download)).\n\n## API Doc\n \n- Btn(\"***text***\")\n- Label(\"***text***\")\n- md(***value***, ***offset***)\n- sm(***value***, ***offset***)\n- xs(***value***, ***offset***)\n- lg(***value***, ***offset***)\n- Well(\"***text***\")\n- Badge(\"***text***\")\n- Strong(\"***text***\")\n- Small(\"***text***\")\n- PageHeader(\"***text***\")\n- ProgressBar(…)\n- Min(\"***value***\")\n- Max(\"***value***\")\n- Now(\"***value***\")\n- Type(\"***text***\")\n- LinkTo(\"***URL***\")\n\n## Twig DSL\n\n### Grid system \u003e Containers\n\nThis block will be translated to the Bootstrap container class.\n\n```HTML\n{% container %}\n    \u003ch1\u003eIt works\u003c/h1\u003e\n{% endcontainer %}\n```\n\n### Grid \u003e rows and columns\n\nTo define a column the syntax is {% col(***type***(***size***)) %} … {% endcol %}. Supported types are: md, sm, lg and xs.\n\n```HTML\n{% row %}\n    {% col(md(4)) %}.col-md-4{% endcol %}\n    {% col(md(4)) %}.col-md-4{% endcol %}\n    {% col(md(4)) %}.col-md-4{% endcol %}\n{% endrow %}\n\n{% row %}\n    {% col(md(8)) %}.col-md-8{% endcol %}\n    {% col(md(4)) %}.col-md-4{% endcol %}\n{% endrow %}\n```\n\nFor additionnal grid option you can pass ***type***(***size***) separted with commas to the col function. For example:\n\n```HTML\n{% row %}\n    {% col(md(6), sm(6), xs(11)) %}.col-md-6 .col-sm-6 .col-xs-11{% endcol %}\n    {% col(md(6), sm(6), xs(1)) %}.col-md-6 .col-sm-6 .col-xs-1{% endcol %}\n{% endrow %}\n```\n\nOffsetting columns, example:\n```HTML\n{% row %}\n    {% col(md(4)) %}.col-md-4{% endcol %}\n    {% col(md(4, 4)) %}.col-md-4 .col-md-offset-4{% endcol %}\n{% endrow %}\n\n{% row %}\n    {% col(md(3, 3)) %}.col-md-3 .col-md-offset-3{% endcol %}\n    {% col(md(3, 3)) %}.col-md-3 .col-md-offset-3{% endcol %}\n{% endrow %}\n\n{% row %}\n    {% col(md(6, 3)) %}.col-md-6 .col-md-offset-3{% endcol %}\n{% endrow %}\n```\n\n![Demo grid](.github/demo-grid.png)\n\n### Buttons\n\nThe syntax is {{ Btn.***type***(\"***text***\") }} or {{ Btn(\"***text***\") }} for default. The supported types are: primary, success, info, warning, danger and link.\n\nExamples :\n```Handlebar\n{{ Btn.warning(\"This is an warning boutton\") }}\n{{ Btn.success(\"This is a success boutton\") }}\n```\n\nYou can use dynamic types, see the following example: \n```Handlebar\n{{ Btn(\"This is an boutton\", Type(\"success\")) }}\n```\n\nBoutton supports link by providing a LinkTo argument, see the following example:\n```Handlebar\n{{ Btn(\"This is an boutton with a link\", Type(\"success\"), LinkTo(\"http://google.fr\")) }}\n```\n\n### Alerts\n\n```Handlebar\n{{ Alert.success(Strong(\"Well done!\") ~ \" You successfully read this important alert message.\") }}\n{{ Alert.info(Strong(\"Heads up!\") ~ \" This alert needs your attention, but it's not super important.\") }}\n{{ Alert.warning(Strong(\"Warning!\") ~ \" Better check yourself, you're not looking too good.\") }}\n{{ Alert.danger(Strong(\"Oh snap!\") ~ \" Change a few things up and try submitting again.\") }}\n```\n\n![Demo alerts](.github/demo-alerts.png)\n\n### Pager\n\n```HTML\n{% pager %}\n    {{ Pager.previous(\"\u0026larr; Older\")|raw }} {{ Pager.next(\"Newer \u0026rarr;\") }}\n{% endpager %}\n ```\n \n### Page header\n\n```Handlebar\n{{ PageHeader(\"Example page header \" ~ Small(\"Subtext for header\")) }}\n ```\n \n### Well\n\n```Handlebar\n{{ Well(\"Look, I'm in a well!\") }}\n{{ Well(\"Look, I'm in a large well!\", lg()) }}\n{{ Well(\"Look, I'm in a small well!\", sm()) }}\n ```\n \n### Badge\n\n```Handlebar\n{{ Badge(45) }}\n ```\n \n![Demo badge](.github/demo-badge.png)\n\n### Labels\n\n```Handlebar\n{{ Label(\"Default\") }}\n{{ Label.primary(\"Primary\") }}\n{{ Label.success(\"Success\") }}\n{{ Label.info(\"Info\") }}\n{{ Label.warning(\"Warning\") }}\n{{ Label.danger(\"Danger\") }}\n ```\n \n### Progress bars\n\nNow value is required.\n\n```Handlebar\n{{ ProgressBar.success(Now(40), Min(0), Max(100)) }}\n{{ ProgressBar.info(Now(20), Min(0), Max(100)) }}\n{{ ProgressBar.warning(Now(60), Min(0), Max(100)) }}\n{{ ProgressBar.danger(Now(80), Min(0), Max(100)) }}\n ```\n![Demo progressbars](.github/demo-progressbars.png)\n \nStacked progress bar example:\n```Handlebar\n{{ ProgressBar( ProgressBar.success(Now(35)), ProgressBar.warning(Now(20)), ProgressBar.danger(Now(10)) ) }}\n```\n\n![Demo mutiple progressbars](.github/demo-multi-progressbar.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxtuc%2Fbootstraptwigbundle","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxtuc%2Fbootstraptwigbundle","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxtuc%2Fbootstraptwigbundle/lists"}