Παραδείγματα
Ξεκινήστε γρήγορα ένα έργο με οποιοδήποτε από τα παραδείγματά μας, από τη χρήση τμημάτων του πλαισίου έως προσαρμοσμένα στοιχεία και διατάξεις.
Λήψη πηγαίου κώδικαΟλοκαίνουργια στοιχεία και πρότυπα για να βοηθήσουν τους ανθρώπους να ξεκινήσουν γρήγορα με το Bootstrap και να επιδείξουν βέλτιστες πρακτικές για προσθήκη στο πλαίσιο.

Αλμπουμ
Απλό πρότυπο μιας σελίδας για γκαλερί φωτογραφιών, χαρτοφυλάκια και πολλά άλλα.

Τιμολόγηση
Παράδειγμα σελίδας τιμολόγησης που έχει κατασκευαστεί με κάρτες και διαθέτει προσαρμοσμένη κεφαλίδα και υποσέλιδο.

Ολοκλήρωση αγοράς
Προσαρμοσμένη φόρμα ολοκλήρωσης αγοράς που δείχνει τα στοιχεία της φόρμας μας και τις δυνατότητες επικύρωσής τους.

Προϊόν
Λεπτή σελίδα μάρκετινγκ εστιασμένη στο προϊόν με εκτεταμένη εργασία πλέγματος και εικόνας.

Κάλυμμα
Ένα μονοσέλιδο πρότυπο για τη δημιουργία απλών και όμορφων αρχικών σελίδων.

Στροβιλοδρόμιο
Customize the navbar and carousel, then add some new components.

Blog
Magazine like blog template with header, navigation, featured content.

Dashboard
Basic admin dashboard shell with fixed sidebar and navbar.

Sign-in
Custom form layout and design for a simple sign in form.

Sticky footer
Attach a footer to the bottom of the viewport when page content is short.

Sticky footer navbar
Attach a footer to the bottom of the viewport with a fixed top navbar.
Examples that focus on implementing uses of built-in components provided by Bootstrap.

Starter template
Nothing but the basics: compiled CSS and JavaScript.

Grid
Multiple examples of grid layouts with all four tiers, nesting, and more.

Jumbotron
Build around the jumbotron with a navbar and some basic grid columns.
Taking the default navbar component and showing how it can be moved, placed, and extended.

Navbars
Demonstration of all responsive and container options for the navbar.

Navbar static
Single navbar example of a static top navbar along with some additional content.

Navbar fixed
Single navbar example with a fixed top navbar along with some additional content.

Navbar bottom
Single navbar example with a bottom navbar along with some additional content.
Examples that focus on future-friendly features or techniques.

Floating labels
Beautifully simple forms with floating labels over your inputs.

Offcanvas
Turn your expandable navbar into a sliding offcanvas menu.