Bootstrap framework CSS jak zrobić stronę www przy pomocy Bootstrap poradnik

szkolenia bezpłatne kursy
lekcje, porady, artykuły znajdziesz w bocznym menu
 
 

Responsywne mobilne strony internetowe kurs bezpłatny

bezpłatny kurs internetowy szkolenia, filmy: kliknij w temat, którego chcesz się nauczyć

Budowa responsywnych i mobilnych stron internetowych

bezpłatny kurs internetowy szkolenia, filmy: kliknij w temat, którego chcesz się nauczyć

Bootstrap framework CSS jak zrobić stronę internetową przy pomocy Bootstrap poradnik www

 

Twitter Bootstrap framework CSS, stworzony i rozwijany przez programistów Twittera, wydawany na licencji MIT.

Bootstrap - zawiera zestaw narzędzi ułatwiających tworzenie interfejsu graficznego stron www oraz aplikacji internetowych. Podstawą Bootstrap są gotowe rozwiązania HTML, CSS, służące m.in. do stylizacji wyświetlanych na stronie elementów: tekstów, formularzy, przycisków, wykresów, systemów nawigacji – menu, itp.

Pliki Bootstrap  kompilowane są z plików Less.

 

DOSTOSOWANIE BOOTSTRAP DO NASZYCH POTRZEB

Pobierając Bootstrap masz możliwość dostosowania Bootstrap’a do swoich potrzeb i oczekiwań. W tym celu należy udać się na stronę: http://getbootstrap.com/customize/ , gdzie krok po kroku ustawiasz poszczególne elementy.

Less files

Components

JavaScript components

jQuery plugins

Less variables

i na końcu ..

Compile and Download enlightened (skompiluj i pobierz)

 

Dostosowując wyjściowe pliki po kompilacji do swoich potrzeb w tym usuwając zbędne elementy np. JavaScript, możesz zoptymalizować pliki Bootstrap’a, czyli zminimalizować ich wielkość, co może mieć znaczenie dla użytkowników Twojej witryny. Mniejsze pliki – szybciej ładująca się witryna.

Bootstrap - struktura plików

 bootstrap/

 ├── css/

 │ ├── bootstrap.css

 │ ├── bootstrap.min.css

 ├── js/

 │ ├── bootstrap.js

 │ ├── bootstrap.min.js

 ├── img/

 │ ├── glyphicons-halflings.png

 │ ├── glyphicons-halflings-white.png

 └── README.md

Bootstrap – zestaw do pobrania - zawiera trzy foldery: css, js oraz img. Tworząc projekt możesz po prostu dodać pliki bootstrap’a do katalogu głównego Twojego projektu, w tym zminimalizowane wersje CSS i JavaScript. Nie jest konieczne umieszczanie zarówno wersji zminimalizowanej jak i nieskompresowanej. Wystarczy wersja zminimalizowana Bootstrap’owych plików.

A teraz napiszmy kod pierwszej strony w bootstrap .. (zapraszam do kolejnej części poradnika cheekyBootstrap - framework CSS - jak zrobić stronę www przy pomocy Bootstrap )

 

Zobacz w menu podobne artykuły do: Bootstrap framework CSS jak zrobić stronę www przy pomocy Bootstrap poradnik

<
  • DANE ADRESOWE

     

    w czym mogę pomóc?

    biuro(at)gddm.com.pl

    Zd Wola Paprocka 86

    znajdź mnie na Youtube

  • PROGRAMOWANIE

     

    JavaScript HTML CSS

    jQuery jQuery Mobile

    node.js React Angular

    ES6 babel rollup karma

  • GRAFIKA ANIMACJA

     

    grafika na strony www

    grafika reklamowa

    animacja 2D i 3D

    grafika 2D i 3 D

  • DORADZTWO

     

    doradztwo IT

    doradztwo biznesowe

    usługi IT

    analizy biznesowe i IT

  • SZKOLENIA

     

    technologie IT

    marketing

    zarządzanie

    projekty metodologia

>