Programovacie jazyky, rady, poradňa...
fraqer
Príspevky: 182 Registrovaný: 21 apr 2012, 15:47
Bydlisko: NM
Príspevok
od používateľa fraqer 06 nov 2015, 15:38
Zdravím mám problém s bootstrapom. Nech robím čo robím nikdy mi nedáva jednotlivé obrázky do mriežky ale do jedného stĺpca. Trieda rozmer je len zmenšenie obrázkov.
Kód: Vybrať všetko
<div class="container">
<div class="row">
<div class="col-lg-6 ">
<img class="rozmer" src="/dashboard/images/se320.jpg">
</div>
<div class="col-lg-6 ">
<img class="rozmer" src="/dashboard/images/se320.jpg">
</div>
</div>
Prílohy
takto to je
takto by som to chcel mať
sharky-no
Príspevky: 1681 Registrovaný: 31 okt 2006, 19:53
Príspevok
od používateľa sharky-no 06 nov 2015, 15:50
a mas dostatocne rozlisenie aby ti "lg" chytilo? lebo ak nie tak tam hadze default col-xs-12 (teda 100% container, ked je rozlisenie mensie ako pouzite media query (v tvojom pripade xs/sm/md zariadenia maju 100% width pre stlpcek)). Taktiez mozes pouzit na obrazok classu img-responsive, tym zabezpecis ze ti nepretecie cez container a prisposobi sa jeho maximalnej sirke
skus teda takto:
Kód: Vybrať všetko
<div class="container">
<div class="row">
<div class="col-md-6">
<img src="cesta.jpg" class="img-responsive" />
</div>
<div class="col-md-6">
<img src="cesta.jpg" class="img-responsive" />
</div>
</div>
</div>
cize zariadenia s rozlisenim xs/sm vidia obrazky pod sebou, a zariadenia s rozlisenim md/lg budu vidiet vedla seba.
fraqer
Príspevky: 182 Registrovaný: 21 apr 2012, 15:47
Bydlisko: NM
Príspevok
od používateľa fraqer 06 nov 2015, 17:11
-lg by to malo potiahnuť lebo mám klasické fullHD rozlíšenie. Skúsil som to teda spraviť cez -md ale žiadna zmena pri usporiadaní, akurát pri img-responsive sa zvačšila velkosť obrázka
Kód: Vybrať všetko
<div class="container">
<div class="row">
<div class="col-md-6">
<img src="/dashboard/images/se320.jpg" class="img-responsive" />
</div>
<div class="col-md-6">
<img src="/dashboard/images/se320.jpg" class="img-responsive" />
</div>
</div>
</div>
fraqer
Príspevky: 182 Registrovaný: 21 apr 2012, 15:47
Bydlisko: NM
Príspevok
od používateľa fraqer 06 nov 2015, 17:32
takto ho mám a napr. buttony fungujú normálne
Kód: Vybrať všetko
<link href="/dashboard/stylesheets/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="/dashboard/stylesheets/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
Boccaccio
Príspevky: 1097 Registrovaný: 01 mar 2014, 14:00
Bydlisko: Bratislava
Príspevok
od používateľa Boccaccio 06 nov 2015, 18:42
Asi mas CSS bootstrap 2 a kod je bootstrap 3!
Skus pouzit tento CSS namiesto tych dvoch a daj vediet:
Kód: Vybrať všetko
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
fraqer
Príspevky: 182 Registrovaný: 21 apr 2012, 15:47
Bydlisko: NM
Príspevok
od používateľa fraqer 06 nov 2015, 21:03
Je to tak, už to funguje ďakujem moc, toto by ma fakt nenapadlo
