Bootstrap - Modeltemplates

For at lette 'komme-igang' med opbygningen af en Bootstrap-struktur vises en række ret simple templates på Bootstyrap's site. Nedenfor er der links til disse.

Templates

En måde at få indblik i Bootstrap på er ved at se på nogle eksisterende eksempler på brugen deraf.

Nedenfor er som introduktion til BS vist nogle udvalgte templates med adgang til hhv. css- og HTML-fil:

Simple templates

01		Starter	Tom side
02		Theme	Alle komponenter etc.
03		Grids	Eksempler på gitre.
04		Jombotron	Jumbotron i fuld skærmbredde.
05		Narrow Jumbotron	Jumbotron i smal container.
06		Navbar	Basis vertikal menu.
07		Static top Navbar	Fast vertikal topmenu.
09		Cover	Forberedt for fuldskærm baggrundbillede.
10		Carousel	Indsættelse af slider.
11		Blog	Efterligning af WordPress Blog.
12		Dashboard	Model til dashboard.
13		Sign-in page	Log ind skærmbillede.
14		Justified nav	Topmenu fordelt over hele viewport.
15		Sticky footer	Sticky footer langs skærmens bund
16		Sticky footer with fixed navbar	!!!!!!!
17		Non-responsive Bootstrap	Side, der ikke er responsiv.
18		Off canvas	Placering af data udenfor viewport.

Bootstrap | Getting started indeholder eksempler på 18 simple templates . De kan formentlig alle laves med standard CSS. De kan ikke downloades, men kildekoden kan ses med 'Vis kildekode' i browseren.

En af dem er særlig interessant som en generel tutorial. Den viser mange af de funktionaliteter, der kan anvendes i Bootstrap og via 'vis koder' eller her kan den aktuelt anvendte kode ses.

Mere komplekse templates

Templates med mere komplekse eksempler på anvendeslse af Bootstrap.

Koden bag de enkelte eksempler kan enten vises (copy / paste venlig), eller downloades.

	Boxer
	Free admin	Fuldskærm adm.panel med sammenklappelig sidebar og ('statisk')tabel. Menu med søg
	Admin	Adm.panel med sammenklappelig træmenu i sidebar og forskellige paneler
	Google Maps	Aktivt Google Maps. Menu med søg.
	E-commerce	Produktside til E-handel
	Dashboard Sidebar	Som free admin.
	Portal	3 kolonner med hver 3-4 felter. Menu med søg.
	Blog	Blog / nyheder - oversigt.
	App	Fuldskærm med smal sidebar og bredt dataområde - begge med selvstændigt scroll.
	Sign in	Lille vindue til login med email og password.
	Landing Page	Helside til login med e-mail.
	Slider	Jumbotron med slide og overliggende menu.
	Portfolio	Billedgalleri med lightbox visning af stort billede.
	Off canvas sidebar	Sidebar med menu og stort datafelt.
	Complex Navbar	Fixed top menu med drop-down menupunkt og højrestillet søgning.
	Full example	Stort eksempel med mange Bootstrap komponenter
	Affix sidebar	Sidebar-menu og sessions med link via af jQueryerne Affix og Scrollspy.
	Grid	Demo af forskellige grid-opbygninger.
	Sticky Footer	Sticky footer langs skærmbund og sticky navbar langs skærmtop.
	Fixed Navbar	Sticky navbar langs skærmens top
	Fixed-width	!!!!!!!
	Sidebar	Simpel menu i sidebar
	Complex Navbar	Fixed navbar med dropdown smat (i højre side) eksternt link og visning af tekst i lightbox.