Jak korzystać z Bootstrapa?

Witam

Edytowany post.

Jak korzystać z Bootstrapa?

LynxBings napisał(a):

Próbuję na Windowsie zainstalować Bootstrapa (nie wiem czy to dobry pomysł żeby na Windowsie ;))

co?

czysteskarpety napisał(a):

LynxBings napisał(a):

Próbuję na Windowsie zainstalować Bootstrapa (nie wiem czy to dobry pomysł żeby na Windowsie ;))

co?

Install with Composer
You can also install and manage Bootstrap's Less, CSS, JavaScript, and fonts using Composer:

$ composer require twbs/bootstrap

https://getbootstrap.com/docs/3.3/getting-started/

Tak myślałem że zbiorę hejty ale przynajmniej się czegoś dowiem ;)

Instalacje przez composer tyczy się jakiegoś projektu z odpowiednią strukturą katalogów, nie samego windowsa. Pytanie tylko po co to robić jeśli możesz po prostu dołączyć plik do patterna HTML'a i mieć wszystko, bez pobierania katalogów, chyba że chcesz to edytować, wtedy zalecane jest korzystanie z npm lub bowera.

Złoty Terrorysta napisał(a):

Instalacje przez composer tyczy się jakiegoś projektu z odpowiednią strukturą katalogów, nie samego windowsa. Pytanie tylko po co to robić jeśli możesz po prostu dołączyć plik do patterna HTML'a i mieć wszystko, bez pobierania katalogów, chyba że chcesz to edytować, wtedy zalecane jest korzystanie z npm lub bowera.

Chodzi mi o to żeby skorzystać z Bootstrapa i wykonać prostą stronę z jego pomocą

LynxBings napisał(a):

Złoty Terrorysta napisał(a):

Instalacje przez composer tyczy się jakiegoś projektu z odpowiednią strukturą katalogów, nie samego windowsa. Pytanie tylko po co to robić jeśli możesz po prostu dołączyć plik do patterna HTML'a i mieć wszystko, bez pobierania katalogów, chyba że chcesz to edytować, wtedy zalecane jest korzystanie z npm lub bowera.

Chodzi mi o to żeby skorzystać z Bootstrapa i wykonać prostą stronę z jego pomocą

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

Masz to w linku, który podałeś.

Złoty Terrorysta napisał(a):

LynxBings napisał(a):

Złoty Terrorysta napisał(a):

Instalacje przez composer tyczy się jakiegoś projektu z odpowiednią strukturą katalogów, nie samego windowsa. Pytanie tylko po co to robić jeśli możesz po prostu dołączyć plik do patterna HTML'a i mieć wszystko, bez pobierania katalogów, chyba że chcesz to edytować, wtedy zalecane jest korzystanie z npm lub bowera.

Chodzi mi o to żeby skorzystać z Bootstrapa i wykonać prostą stronę z jego pomocą

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

Masz to w linku, który podałeś.

No OK to są gotowe style stworzone za pomocą Bootstrapa które możemy zaincludować ale jak wykonać stronę z Bootstrapem? W którym miejscu jest tam podane?

Wiesz co, nie rozumiem o czym piszesz. Po prostu includujesz style i robisz stronkę

Złoty Terrorysta napisał(a):

Wiesz co, nie rozumiem o czym piszesz. Po prostu includujesz style i robisz stronkę

</p>

OK. Nie korzystałem jeszcze nigdy z żadnego frameworka może dlatego nie wiem jak sobie to wyobrażać. Myślałem bardziej że Bootstrap wspomaga tworzenie strony internetowej w taki sposób że mamy taki kod

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

I w jakiejś konsoli / czy innej aplikacji za pomocą komend w łatwy sposób dodajemy styl czcionki, szerokość strony, responsywność i wielkość czcionki H1 i że właśnie część pracy Framework wykonuje za nas (oraz że ma wbudowane biblioteki i zamiast 10 linijek kodu możemy dodać jedną)

I w sumie nadal nie wiem jak sobie wyobrażać pracę z Bootstrapem ;) Includuje tysiace linijek kodu i je edytuje?

Próbowałeś bootstrap.exe?

tutaj masz theme, sciagasz i naciskasz index.html
https://startbootstrap.com/template-categories/all/

Najprościej, bootstrap to nic innego jak biblioteka różnych klas css i trochę javascriptu do kilku z nich. Aby z niego korzystać wystarczy dołączyć bibliotekę i dodawać klasy do elementów html.

Moja rada: Nie korzystaj z niczego innego po za gridem, jeśli nie orientujesz się za bardzo w HTML5 i CSS3.