Forum PHP.pl > [CSS] BOOTSTRAP - brak podziału na kolumny.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS] BOOTSTRAP - brak podziału na kolumny.

NickOver

11.01.2015, 21:57:06

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html lang="pl_PL">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>STATYSTYKI</title>
    <link type="text/css" rel="Stylesheet" href="<?php echo base_url('assets/css/bootstrap.css'); ?>" />
  </head>
  <body>
    <div class="container">
      <div class="row">
        <div class="col-md-6">
          a
        </div>
        <div class="col-md-6">
          a
        </div>
      </div>
    </div>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  </body>
</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

kayman

11.01.2015, 22:17:20

imo zły url w linii 21 -> dodaj http

SpiritCode

11.01.2015, 22:50:36

kayman brak http nie jest błędem

Nie możesz adresu podać zwykłą ścieżką lub dodać tam url do zdalnego css bootstrapa?

NickOver

11.01.2015, 23:55:09

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ą.

by_ikar

12.01.2015, 08:34:46

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 
<!DOCTYPE html>
<html lang="pl_PL">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>STATYSTYKI</title>
    <link type="text/css" rel="Stylesheet" href="<?php echo base_url('assets/css/bootstrap.css'); ?>" />
  </head>
  <body>
    <div class="container">
      <div class="row">
        <div class="col-sm-6 col-md-6">
          a
        </div>
        <div class="col-sm-6 col-md-6">
          a
        </div>
      </div>
    </div>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  </body>
</html>
[HTML] pobierz, plaintext

NickOver

12.01.2015, 08:57:42

Raczej to nie to. ustawiałem kolumny na col-sm-6 a kolumny były i tak pod sobą.

com

12.01.2015, 09:01:53

zmień szerokość grida bo pewnie Ci się nie mieści obok siebie na stronie

NickOver

12.01.2015, 09:25:15

Grida? Mógłbyś rozwinąć?

com

12.01.2015, 09:32:39

http://getbootstrap.com/examples/grid/, no przecież tego używasz?

untorched

12.01.2015, 13:05:18

Przy każdej rozdzielczości:
http://jsfiddle.net/tLdLcm4b/

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.