Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [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
 
 Start new topic
Odpowiedzi
by_ikar
post
Post #2





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

Posty w temacie
- NickOver   [CSS] BOOTSTRAP - brak podziału na kolumny.   11.01.2015, 21:57:06
- - kayman   imo zły url w linii 21 -> dodaj http   11.01.2015, 22:17:20
- - SpiritCode   kayman brak http nie jest błędem Nie możesz adre...   11.01.2015, 22:50:36
- - NickOver   kaymanurl bez https: równiez jest dobry. Na wszelk...   11.01.2015, 23:55:09
- - by_ikar   col-md-* w bootstrap działa w rozdzielczościach po...   12.01.2015, 08:34:46
- - NickOver   Raczej to nie to. ustawiałem kolumny na col-sm-6 ...   12.01.2015, 08:57:42
- - com   zmień szerokość grida bo pewnie Ci się nie mieści ...   12.01.2015, 09:01:53
- - NickOver   Grida? Mógłbyś rozwinąć?   12.01.2015, 09:25:15
- - com   http://getbootstrap.com/examples/grid/, no przecie...   12.01.2015, 09:32:39
- - untorched   Przy każdej rozdzielczości: http://jsfiddle.net/tL...   12.01.2015, 13:05:18

« 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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