Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS] BOOTSTRAP - brak podziału na kolumny.
NickOver
post
Post #1





Grupa: Zarejestrowani
Postów: 332
Pomógł: 10
Dołączył: 13.03.2014
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html lang="pl_PL">
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <title>STATYSTYKI</title>
  8.     <link type="text/css" rel="Stylesheet" href="<?php echo base_url('assets/css/bootstrap.css'); ?>" />
  9.   </head>
  10.   <body>
  11.     <div class="container">
  12.       <div class="row">
  13.         <div class="col-md-6">
  14.           a
  15.         </div>
  16.         <div class="col-md-6">
  17.           a
  18.         </div>
  19.       </div>
  20.     </div>
  21.     <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  22.     <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  23.   </body>
  24. </html>
[HTML] pobierz, plaintext


Taki kod nie daje podziału na kolumny. CSS na pewno jest. JavaScripty również. Początkowo includowałem plik z localhosta, lecz teraz próbuje inaczej (jak widzicie ze strony lecz nie daje to żadnego efektu) Pobrałem różnież demo ze strony bootstrapa lecz nawet ono nie działało. Js'y mam włączone. Rozdzielczość mojego monitora to 1024x768. W konsoli nie ma żadnych błędów. Mam najnowszego chroma. Wie ktoś o co chodzi?

Dodam jeszcze co wywala konsola:
Cytat
version: 38 Ex.js:1
ex.js page check url Ex.js:1
start addspshowad Ex.js:1
undefined Ex.js:1
addspshowad is closed. Ex.js:1


Ten post edytował NickOver 11.01.2015, 22:09:14
Go to the top of the page
+Quote Post
kayman
post
Post #2





Grupa: Zarejestrowani
Postów: 556
Pomógł: 40
Dołączył: 20.07.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

imo zły url w linii 21 -> dodaj http
Go to the top of the page
+Quote Post
SpiritCode
post
Post #3





Grupa: Zarejestrowani
Postów: 167
Pomógł: 35
Dołączył: 29.12.2014
Skąd: Otwock

Ostrzeżenie: (0%)
-----

kayman brak http nie jest błędem


Nie możesz adresu podać zwykłą ścieżką lub dodać tam url do zdalnego css bootstrapa?
Go to the top of the page
+Quote Post
NickOver
post
Post #4





Grupa: Zarejestrowani
Postów: 332
Pomógł: 10
Dołączył: 13.03.2014
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

kaymanurl bez https: równiez jest dobry. Na wszelki wypadek dałem w konsoli prosty skrypt w jq i biblioteka działa. Poiza tym gdyby występował jakiś problem to dostał bym o tym informacje w konsoli.

SpiritCode To jest poprawny url. Używam frameworka i to najlepsza metoda na przekazywanie urli ponieważ przy zmiania adresu linki te wciąż będą poprawne. Poza tym CSS na pewno mam poprawny ponieważ gdy dałem <button class="btn btn-normal"> Button wyświetlał się poprawnie. Plus tak jak wyżej napisałem wyświetlił by sie monit w konsoli.

Są dwie możliwości. Albo pominąłem include jakiegoś pliku, albo coś źle dałem w kodzie. Ewentualnie przyszło mi teraz do głowy że nie wiem w jaki sposób przegladarka daje informacjie że mam mniejszą rozdzielczość niż jest ona w rzeczywistości. W takim wypadku pytanie dowas jak mogę sprawdzić jakie info daje przeglądarka skryptą.

Go to the top of the page
+Quote Post
by_ikar
post
Post #5





Grupa: Zarejestrowani
Postów: 1 798
Pomógł: 307
Dołączył: 13.05.2009
Skąd: Gubin/Wrocław

Ostrzeżenie: (0%)
-----

col-md-* w bootstrap działa w rozdzielczościach powyżej 992px szerokości (o ile nie masz innych ustawień). Osobiście obstawiam że w twojej 1024 rozdziałce, po prostu łapie ci col-sm-* czyli rozdzielczości powyżej 768px. Możesz to łączyć, np:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html lang="pl_PL">
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <title>STATYSTYKI</title>
  8.     <link type="text/css" rel="Stylesheet" href="<?php echo base_url('assets/css/bootstrap.css'); ?>" />
  9.   </head>
  10.   <body>
  11.     <div class="container">
  12.       <div class="row">
  13.         <div class="col-sm-6 col-md-6">
  14.           a
  15.         </div>
  16.         <div class="col-sm-6 col-md-6">
  17.           a
  18.         </div>
  19.       </div>
  20.     </div>
  21.     <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  22.     <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  23.   </body>
  24. </html>
[HTML] pobierz, plaintext


Ten post edytował by_ikar 12.01.2015, 08:35:25
Go to the top of the page
+Quote Post
NickOver
post
Post #6





Grupa: Zarejestrowani
Postów: 332
Pomógł: 10
Dołączył: 13.03.2014
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

Raczej to nie to. ustawiałem kolumny na col-sm-6 a kolumny były i tak pod sobą.
Go to the top of the page
+Quote Post
com
post
Post #7





Grupa: Zarejestrowani
Postów: 3 034
Pomógł: 366
Dołączył: 24.05.2012

Ostrzeżenie: (0%)
-----

zmień szerokość grida bo pewnie Ci się nie mieści obok siebie na stronie
Go to the top of the page
+Quote Post
NickOver
post
Post #8





Grupa: Zarejestrowani
Postów: 332
Pomógł: 10
Dołączył: 13.03.2014
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

Grida? Mógłbyś rozwinąć?
Go to the top of the page
+Quote Post
com
post
Post #9





Grupa: Zarejestrowani
Postów: 3 034
Pomógł: 366
Dołączył: 24.05.2012

Ostrzeżenie: (0%)
-----

http://getbootstrap.com/examples/grid/, no przecież tego używasz?
Go to the top of the page
+Quote Post
untorched
post
Post #10





Grupa: Zarejestrowani
Postów: 318
Pomógł: 76
Dołączył: 27.12.2011
Skąd: Dąbrowa Górnicza

Ostrzeżenie: (0%)
-----

Przy każdej rozdzielczości:
http://jsfiddle.net/tLdLcm4b/
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 24.08.2025 - 21:49
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn