logo   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


01xStarterTom side
02xThemeAlle komponenter etc.
03xGridsEksempler på gitre.
04xJombotronJumbotron i fuld skærmbredde.
05xNarrow JumbotronJumbotron i smal container.
06xNavbarBasis vertikal menu.
07xStatic top NavbarFast vertikal topmenu.
09xCoverForberedt for fuldskærm baggrundbillede.
10xCarouselIndsættelse af slider.
11xBlogEfterligning af WordPress Blog.
12xDashboardModel til dashboard.
13xSign-in pageLog ind skærmbillede.
14xJustified navTopmenu fordelt over hele viewport.
15xSticky footerSticky footer langs skærmens bund
16xSticky footer with fixed navbar!!!!!!!
17xNon-responsive BootstrapSide, der ikke er responsiv.
18xOff canvasPlacering af data udenfor viewport.


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

En af dem x 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 x 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.


xBoxer
xFree adminFuldskærm adm.panel med sammenklappelig sidebar og ('statisk')tabel. Menu med søg
xAdminAdm.panel med sammenklappelig træmenu i sidebar og forskellige paneler
xGoogle MapsAktivt Google Maps. Menu med søg.
xE-commerceProduktside til E-handel
xDashboard SidebarSom free admin.
xPortal3 kolonner med hver 3-4 felter. Menu med søg.
xBlogBlog / nyheder - oversigt.
xAppFuldskærm med smal sidebar og bredt dataområde - begge med selvstændigt scroll.
xSign inLille vindue til login med email og password.
xLanding PageHelside til login med e-mail.
xSliderJumbotron med slide og overliggende menu.
xPortfolioBilledgalleri med lightbox visning af stort billede.
xOff canvas sidebarSidebar med menu og stort datafelt.
xComplex NavbarFixed top menu med drop-down menupunkt og højrestillet søgning.
xFull exampleStort eksempel med mange Bootstrap komponenter
xAffix sidebarSidebar-menu og sessions med link via af jQueryerne Affix og Scrollspy.
xGridDemo af forskellige grid-opbygninger.
xSticky FooterSticky footer langs skærmbund og sticky navbar langs skærmtop.
xFixed NavbarSticky navbar langs skærmens top
xFixed-width!!!!!!!
xSidebarSimpel menu i sidebar
xComplex NavbarFixed navbar med dropdown smat (i højre side) eksternt link og visning af tekst i lightbox.
























x
x