کاربر:Admin/بوت استرپ

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو

{{#bootstrap_label: text | ..}} {{#bootstrap_badge: text | .. }}

This image is displayed normally

<bootstrap_card [..]>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dignissim tempus augue ac dignissim. Suspendisse potenti. Vivamus tincidunt turpis ex, sed varius nisl vehicula vel. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam ut pulvinar ante. Duis pellentesque porttitor posuere. Praesent diam nisi, aliquet gravida tellus ac, dictum ultricies odio. Nullam quam dolor, venenatis iaculis elementum in, molestie in nulla. Mauris ut vehicula mi. Curabitur mollis sit amet nisl id tristique. Fusce semper feugiat urna, vitae efficitur ex aliquet ac. Duis nec posuere eros. Donec ex velit, pellentesque non lobortis blandit, congue at mi</bootstrap_card> <bootstrap_panel [..]>Content text for the box</bootstrap_panel> <bootstrap_well [..]>Content text for the box</bootstrap_well>

<bootstrap_accordion> <bootstrap_panel heading="Headline for Panel1">Text inside the panel</bootstrap_panel> <bootstrap_panel heading="Headline for Panel2" color="danger">Text inside the panel</bootstrap_panel> <bootstrap_panel heading="Headline for Panel3" active>Text inside the panel</bootstrap_panel> <bootstrap_panel heading="Headline for Panel4" color="info">Text inside the panel</bootstrap_panel> </bootstrap_accordion>

<bootstrap_alert color="success" dismissible="fade">Alert message text with color success</bootstrap_alert> <bootstrap_alert color="info" dismissible="fade">Alert message text with color info</bootstrap_alert> <bootstrap_alert color="warning" dismissible="fade">Alert message text with color warning</bootstrap_alert> <bootstrap_alert color="danger" dismissible="fade">Alert message text with color danger</bootstrap_alert>

<bootstrap_jumbotron>

Hello world

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

{{#bootstrap_button: Admin | text=Learn more! }} </bootstrap_jumbotron>

{{#bootstrap_icon: flag }}

{{#bootstrap_icon: flag }}

<bootstrap_collapse color="info" text="Much text, such lorem">Lorem ipsum dolor sit amet, ..</bootstrap_collapse>

<bootstrap_collapse text="پرونده:Blue marker.png">پرونده:KarateKat.jpg</bootstrap_collapse>

{{#bootstrap_carousel: پرونده:NietzscheGod.jpg | پرونده:Exif MetaData Test.jpg | style=width:60% }}

{{#bootstrap_button: Admin | color=success | size=lg | text=Overview Page}}

Unread items {{#bootstrap_badge: 3 }}

<bootstrap_alert color="success" dismissible="fade">Alert message text with color success</bootstrap_alert> <bootstrap_alert color="info" dismissible="fade">Alert message text with color info</bootstrap_alert> <bootstrap_alert color="warning" dismissible="fade">Alert message text with color warning</bootstrap_alert> <bootstrap_alert color="danger" dismissible="fade">Alert message text with color danger</bootstrap_alert>

Why label everything? {{#bootstrap_label: because we can }}

<bootstrap_well>Not much of a haze, neither shiny nor flashing. But simple.</bootstrap_well>

{{#bootstrap_tooltip: Needs more explanation! | text=Here it is (the explanation).}}

<bootstrap_popover heading="Popover heading" text="Puch it!">Lorem ipsum dolor sit amet, ..</bootstrap_popover>

<bootstrap_popover heading="Popover heading" text="پرونده:Blue marker.png">Lorem ipsum dolor sit amet, ..</bootstrap_popover>

<bootstrap_panel heading="This is the panel headline" footer="And some footer text" color="danger">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dignissim tempus augue ac dignissim. Suspendisse potenti. Vivamus tincidunt turpis ex, sed varius nisl vehicula vel. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam ut pulvinar ante. Duis pellentesque porttitor posuere. Praesent diam nisi, aliquet gravida tellus ac, dictum ultricies odio. Nullam quam dolor, venenatis iaculis elementum in, molestie in nulla. Mauris ut vehicula mi. Curabitur mollis sit amet nisl id tristique. Fusce semper feugiat urna, vitae efficitur ex aliquet ac. Duis nec posuere eros. Donec ex velit, pellentesque non lobortis blandit, congue at mi. </bootstrap_panel>

<bootstrap_panel collapsible heading="This is the panel headline" footer="And some footer text" color="success">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dignissim tempus augue ac dignissim. Suspendisse potenti. Vivamus tincidunt turpis ex, sed varius nisl vehicula vel. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam ut pulvinar ante. Duis pellentesque porttitor posuere. Praesent diam nisi, aliquet gravida tellus ac, dictum ultricies odio. Nullam quam dolor, venenatis iaculis elementum in, molestie in nulla. Mauris ut vehicula mi. Curabitur mollis sit amet nisl id tristique. Fusce semper feugiat urna, vitae efficitur ex aliquet ac. Duis nec posuere eros. Donec ex velit, pellentesque non lobortis blandit, congue at mi.</bootstrap_panel>

<bootstrap_modal color="info" text="Modal trigger!" heading="This is the modal headline" footer="And some footer text">Lorem ipsum dolor sit amet, ..</bootstrap_modal>

<bootstrap_modal text="پرونده:Blue marker.png" heading="Better watch this!">پرونده:KarateKat.jpg</bootstrap_modal>

Why label everything? {{#bootstrap_label: because we can }}