Μετάβαση στο κύριο περιεχόμενο
Υπάρχει μια νεότερη έκδοση του Bootstrap 4!

Παραδείγματα

Ξεκινήστε γρήγορα ένα έργο με οποιοδήποτε από τα παραδείγματά μας, από τη χρήση τμημάτων του πλαισίου έως προσαρμοσμένα στοιχεία και διατάξεις.

Λήψη πηγαίου κώδικα

Προσαρμοσμένα εξαρτήματα

Ολοκαίνουργια στοιχεία και πρότυπα για να βοηθήσουν τους ανθρώπους να ξεκινήσουν γρήγορα με το 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.

Framework

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
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
Navbars

Demonstration of all responsive and container options for the navbar.

Στατικό στιγμιότυπο οθόνης 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.

Experiments

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.