Witam
Edytowany post.
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):
<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>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ą
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ę
</p>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.
Jak korzystać z Bootstrapa?
Tu masz napisane przecież: https://getbootstrap.com/docs/4.0/getting-started/introduction/
Rozumiem, że można mieć konkretne pytanie dotyczące któregoś z kroków (albo inne problemy wynikające np. z niezrozumienia dokumentacji), ale zadawanie ogólnikowego pytania zanim się przejrzy dokumentację to już lenistwo umysłowe (a przecież wystarczy wpisać w google bootstrap
potem kliknać pierwszy link, a potem na stronie Bootstrapa duży przycisk get started
).
EDIT: aha, z tego co widzę to OP czytał dokumentację i faktycznie miał jakiś problem (chociaż ja tu o composerze nic nie widzę akurat. Ale mi się znalazła dokumentacja do nowszej wersji).
w każdym razie - jak używasz composera czy innego menedżera pakietów (jak npm) to szukasz wtedy opisów jak zainstalować to w danym menedżerze pakietów. Jeśli nie używasz to nie masz powodu szukać takich rzeczy, tylko możesz to pociągnąć z CDNa albo ściągnąć na dysk pliki i umieścić na swoim serwerze.