Bootstrap / Css

poruka: 4
|
čitano: 1.491
|
moderatori: Lazarus Long, XXX-Man, vincimus
1
+/- sve poruke
ravni prikaz
starije poruke gore
10 godina
neaktivan
offline
Bootstrap / Css

Pozdrav imam problem,
kako postici da banner ispod fiksirane navigacije se ne zavlaci pod nju, nego da postoji odreden razmak?

Kod:

<div class="navbar navbar-default navbar-fixed-top">

<div class="container">

<div class="navbar-header">

<a class="navbar-brand" href="Pocetna.aspx">Sportski događaji</a>

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#padajuci">

<span class="glyphicon glyphicon-th"></span> </button>

</div>

 

<div class="collapse navbar-collapse" id="padajuci">

<ul class="nav navbar-nav">

<li><a href="Pocetna.aspx">Početna</a></li>

<li><a href="Admin.aspx">Admin</a></li>

<li><a href="About.apsx">About</a></li>

</ul>

</div>

</div>

</div>

 

<div class="container-fluid">

<div class="row">

<div class="col-sm-12">

<img class="img-responsive" src="images/bann.jpg" style="margin-left:auto; margin-right:auto;" />

</div>

</div>

</div>

 
0 0 hvala 0
13 godina
offline
Bootstrap / Css

Dodaj margin-top: 50px na <img> tag.

 

<img class="img-responsive" src="http://placehold.it/700x100" style="margin-left:auto; margin-right:auto; margin-top: 50px" />

Demo: http://jsfiddle.net/2hmmbe6h/2/

 

 

Samo cu ti spomenuti da se ne pise ovako css u html-u, tj. inline. Trebas iman vanjski stilovi.css file, i povezati ga.

Edit:
Pošto vidim da si odmah krenuo sa bootstrapom prije nego si se upoznao sa osnovama css-a, savjetujem ti da pređeš barem osnove stvari prvo. Imaš dosta tutorijala na netu.

 

Poruka je uređivana zadnji put uto 24.11.2015 22:11 (Nightcomer).
 
0 0 hvala 0
10 godina
neaktivan
offline
Re: Bootstrap / Css

Hvala!

 

Upoznat sam s CSS-om i pisanjem vanjskih stilova. Ovo je cisto zbog preglednosti stavljeno inline.

10 godina
neaktivan
offline
Bootstrap / Css

Pozdrav,

 

imam problem sa kompatibilnošću između bootstrapa i css-a. Dakle, prvo sam "složio" stranicu sa html-om i css-om, dodao malo js-a i querry-ja. No, onda je došao problem nakon što sam dodao bootstrap.. Dakle, imam vanjski css i dodao sam bootstrap samo na jednu podstranicu, čime mi se poremtio hover te više ne radi kao na ostalim stranicama. Zanima me kako da otklonim "utjecaj" bootrapove datoteke na ono što ne želim odnosno kako da bootstrapov css "ne smeta"mom vanjskom css-u. Molim vas pomoć!

 

Hvala!!

 
0 0 hvala 0
1
Nova poruka
E-mail:
Lozinka:
 
vrh stranice