Najlepszy samouczek bootstrap profilu W 2024 r. W tym samouczku możesz dowiedzieć się
Czym jest Bootstrap?,historia,Dlaczego Bootstrap?,Bootstrap Zawartość opakowania,przykłady Online,bootstrap przykłady,Więcej przykładów,Bootstrap przykładu 2,
bootstrap profilu
Bootstrap to framework front-end do szybkiego tworzenia aplikacji internetowych i stron internetowych. Bootstrap jest oparta na HTML, CSS, JavaScript jest.
BootstrapMark OttoiJakub ThorntonrozwojuTwittera.Bootstrap to sierpień 2011 opublikowany na GitHub produktów open source.
- Podstawowa struktura: Bootstrap zapewnia podstawową strukturę tle Link stylu z sieci energetycznej.Zostanie to wyjaśnione szczegółowoładowania początkowego ugrupowania zasadowego.
- CSS: Bootstrap jest wyposażony w następujące funkcje: ustawienia globalne CSS zdefiniować podstawowe style elementu HTML, skalowalna klasy i zaawansowany system siatki.Ta sekcja wyjaśni szczegółowoBootstrap CSS.
- Składniki: Bootstrap zawiera kilkanaście komponentów wielokrotnego użytku do tworzenia obrazów, rozwijane menu, nawigacja, okno wyskakujące okno alertu, i tak dalej.Zostanie to wyjaśnioneszczegółowo układ części składowych.
- widget JavaScript: Bootstrap zawiera kilkanaście niestandardowego jQuery plugin.Można uwzględnić wszystkie wtyczki, pluginy te mogą zawierać również indywidualnie. Zostanie to wyjaśnione szczegółowo w częścibootstrap grzyba.
- Dostosowanie: Można dostosować Bootstrap komponentów, mniej zmienne i jQuery plug-in, aby uzyskać własną wersję.
przykłady Online
Bootstrap strona poradnik zawiera setki przykładów.
Możesz skorzystać z naszego internetowego edytora kodu Online Editor, a następnie kliknij przycisk Uruchom, aby wyświetlić wyniki.
bootstrap przykłady
<div class = "container">
<div class = "jumbotron">
<H1> Moja pierwsza strona Bootstrap </ h1>
<P> ustawia rozmiar okna, aby zobaczyć efekt responsive! </ P>
</ Div>
<div class = "wiersz">
<div class = "kol-sm-4 ">
<H3> Kolumna 1 </ h3 >
<P> nauka jest nie tylko technika, ale również sen! </ P>
<P> ponownie Niubi marzenia, ale także ustąpić i lubisz kij frajerze! </ P>
</ Div>
<div class = "kol-sm-4 ">
<H3> Kolumna 2 </ h3 >
<P> nauka jest nie tylko technika, ale również sen! </ P>
<P> ponownie Niubi marzenia, ale także ustąpić i lubisz kij frajerze! </ P>
</ Div>
<div class = "kol-sm-4 ">
<H3> kolumna 3 </ h3 >
<P> nauka jest nie tylko technika, ale również sen! </ P>
<P> ponownie Niubi marzenia, ale także ustąpić i lubisz kij frajerze! </ P>
</ Div>
</ Div>
</ Div>
Spróbuj »
Więcej przykładów
Bootstrap przykładu 2
<div class = "table-reagujący">
<table class = "stół paski tabeli -bordered">
<THEAD>
<Tr>
<Th> # </ th>
<Th> Nazwa </ th>
<Th> Ulica </ th>
</ Tr>
</ THEAD>
<Tbody>
<Tr>
<Td> 1 </ td>
<Td> Anna niesamowite </ td >
<Td> Broome Ulica </ td >
</ Tr>
<Tr>
<Td> 2 </ td>
<Td> Debbie Dallas </ td >
<Td> Houston Ulica </ td >
</ Tr>
<Tr>
<Td> 3 </ td>
<Td> John Doe </ td >
<Td> Madison Street </ td >
</ Tr>
</ Tbody>
</ Table>
</ Div>
Spróbuj » Kliknij przycisk "Try", aby zobaczyć jak to działa.