Bootstrap i LESS.

M3
  • Rejestracja:ponad 10 lat
  • Ostatnio:ponad 8 lat
  • Postów:23
0

Witam
Zakupiłem sobie ostatnio kurs tworzenia stron z Bootstrap i LESS. Problem zaczyna się w momencie gdy muszę do mojej stronki załączyć pliki LESS. Sekcja head wygląda w taki sposób:

Kopiuj
<head>	

	<meta charset="utf-8">

	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- Glowny plik LESS -->
	<link rel="stylesheet" href="source/style.less" type="text/less">
	<!-- Font Awesome -->
	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">	
	<!-- JS Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- LESS>JS -->
	<script src="js/less.min.js"></script>

</head>

W pliku style.less importuje z bootstrap.less: @import 'bootstrap/bootstrap.less';

A plik less.min.js ma konwertować plik less na css.

Wszystko na zakupionym filmie śmiga według tego kodu, niestety u mnie w ogole nie wykyrwa bootstrapa. Ma ktoś pomysł?

Wave21
  • Rejestracja:około 10 lat
  • Ostatnio:prawie 7 lat
  • Postów:34
1

Tak się zainteresowałem troszkę tym. :D
Może to ci pomoże http://lesscss.org/#client-side-usage
Zapodasz namiary na ten kurs? :D

edytowany 1x, ostatnio: Wave21
dzek69
Moderator
  • Rejestracja:ponad 18 lat
  • Ostatnio:29 dni
  • Lokalizacja:Rzeszów
1

A co w konsoli błędów widać? A w zakładce sieć? Wszystko się władowało?


0

Jest to kurs ze strefakursow.pl

SK
  • Rejestracja:ponad 9 lat
  • Ostatnio:ponad 8 lat
  • Postów:68
1

A próbowałeś w tym swoim less zamiast importować, dać jakiś zwykły css i sprawdzić czy less.js działa ? Nie ma bata, jak nie grzebałeś w js to musi kompilować. Obstawiam, że pomyliłeś się w ścieżkach (z twojego kodu wynika, że plik style.less powinien być umieszczony obok folderu bootstrap).

WG
  • Rejestracja:około 9 lat
  • Ostatnio:około 9 lat
  • Postów:8
1

Przecież less, tak samo jak sass/scss muszą być zawsze kompilowane do "zwykłego" css... To co linkujesz to plik less i jest oczywiste, że to nie działa bo masz tam właśnie less, a nie css... Jak masz dobre IDE to uruchom watchera który będzie ci kompilował w locie.

Pomysł kompilowania less czy sass/scss przez js po stronie klienta jest poroniony. Absolutnie niewydajny. Wyrzuć ten "poradnik" który takie kwiatki proponuje.

SK
Przy jakimś prostym projekcie na wersji produkcyjnej chyba by jeszcze mogło być kompilowane u klienta ?
owen10
  • Rejestracja:ponad 12 lat
  • Ostatnio:około 9 lat
  • Lokalizacja:Nowy Targ
  • Postów:1
1

Jest dokładnie tak jak mówi kolega wyżej. Od kiedy tylko sięgam pamięcią, zawsze na plikach sass czy less działałem na zasadzie kompilatora w Ruby, który tworzył mi plik css za pomocą watchera. Zresztą najlepszą opcją będzie odesłanie do dokumentacji SASS, gdzie jest opisane jak otrzymać gotowy plik css :)

http://sass-lang.com/documentation/file.SASS_REFERENCE.html

ŁF
Moderator
  • Rejestracja:ponad 22 lata
  • Ostatnio:6 dni
2

@Wojciech Grzeszkiewicz, @owen10: nie na bieżąco jesteście. Ostatnia wersja lessa nie wymaga kompilowania .less do .css tylko działa po stronie przeglądarki (vide <script src="js/less.min.js"></script>). Taaak, także moim zdaniem jest to poroniony pomysł, ale nie autora wątku, a autora lessa.


M3
  • Rejestracja:ponad 10 lat
  • Ostatnio:ponad 8 lat
  • Postów:23
0

No ok może to nie jest najlepsze rozwiązanie ale teraz to już tylko z czystej ciekawości próbuje ten problem rozwiązać. Sposób ze skryptem nie działa nawet przy załączeniu najprostszego pliku less

M3
  • Rejestracja:ponad 10 lat
  • Ostatnio:ponad 8 lat
  • Postów:23
0

Problem rozwiązany. Odpaliłem stronkę przez localhost :)

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.