Latest web development tutorials

bootstrap profilu

Czym jest Bootstrap?

Bootstrap to framework front-end do szybkiego tworzenia aplikacji internetowych i stron internetowych. Bootstrap jest oparta na HTML, CSS, JavaScript jest.

historia

BootstrapMark OttoiJakub ThorntonrozwojuTwittera.Bootstrap to sierpień 2011 opublikowany na GitHub produktów open source.

Dlaczego Bootstrap?

  • Komórka pierwsze: od Bootstrap 3 roku, ramy zawiera biblioteki w całym urządzeniu mobilnym priorytetu stylu.
  • Wsparcie Przeglądarka: Wszystkie główne przeglądarki obsługują startowej.

    Internet ExplorerFirefoxOperaGoogle ChromeSafari

  • Łatwy w użyciu: tak długo, jak masz podstawową wiedzę na temat HTML i CSS, można zacząć uczyć startowej.
  • Responsive design: Bootstrap Responsive CSS zdolnego adaptacyjnych komputerów, tabletów i telefonów komórkowych.Aby uzyskać więcej informacji na temat elastycznego projektowania, dostępnego Bootstrap elastycznego projektowania .

    Elastyczne projektowanie

  • Programistom stworzyć prosty interfejs zapewnia jednolite rozwiązanie.
  • Obejmuje ona potężne wbudowane komponenty, łatwo dostosować.
  • Zapewnia również dostosowanie oparte na sieci Web.
  • Jest open source.

Bootstrap Zawartość opakowania

  • 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.