Bootstrap 3

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Hvala. Interesuje me verovatno i mnoge, kako da napravim neku SVG iconu za bootstrap sajt adobe ilustrator ili?, gde ste vi ucili da pravite SVG icone za neki konkretan projekat.

• 1Ovo se svidja korisniku: dejnik978
  
  Registruj se da bi pohvalio/la poruku!

Preporuka je Adobe Ilustratr za kreiranje svg ikonice koju zatim izrenderujes u font preko icomoon servisa i kao takvu mozes da koristis na svom sajtu isto kao sto se koriste i bootstrapovi glyphicons.

Ovde je opisano kako to uraditi:
http://www.sitepoint.com/create-an-icon-font-illustrator-icomoon/

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Imam problem sa razvucenom pozadinom u jumbotronu.
Html kod
<div class="jumbotron">             <div class="container">                <h1>Hello</h1>             </div>          </div>
css kod
.jumbotron {    background-image:url(../img/blueberries.jpg);    -webkit-background-size: 100% 100%;       -moz-background-size: 100% 100%;        -o-background-size: 100% 100%;        background-size: 100% 100%;    height:350px;    color:#fff;    text-align:center;    text-shadow:2px 1px lightblue;    font-family: 'Poiret One', cursive;    margin:0px;    background-color:#D81525; }

1.Kada se pozadina stavi na height:450 px, izgleda ok. Da li moze nekako da se kompresuje ili da je preradim na zeljenu velicinu. Kako resavate ovo?
2.Takodje color:#fff; nece da prikaze belu boju za tekst

• 1Ovo se svidja korisniku: dejnik978
  
  Registruj se da bi pohvalio/la poruku!

A za koji tekst želiš promeniti boju? Ako je ovaj tekst koji je naveden u h1 tagu, na njega se ne odnosi boja koju si definisao sa color u "jumbotron" klasi...

Kako se ogleda taj problem sa razvučenom pozadinom jumbotron-a? ide od ivice do ivice ekrana, bez razmaka?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Da na taj tekst Hello u jumbotronu. Nekad ga definisem i radi nekad ne, pa neznam vise gde gresim.
Pozadina slika je original i odlicno se vidi na height:450 px, ali zauzima dosta mesta, pa bih je ja smanjio na height:350px; ali tada je razvucena slika, pa sam mislio da je nekako smanjim. A slika pozadina je onako kako zelim i od ivicee do ivice to je ok.
Da li nece da promeni boju slova zato sto je ubacen container. Da li treba da pise samo jumbotron, pa onda samo naslov h2 npr bez containera.

• 1Ovo se svidja korisniku: dejnik978
  
  Registruj se da bi pohvalio/la poruku!

Što se tiče teksta, grešiš upravo u tome što definišeš boju za pogrešan tag. Naime, boja koju si definisao (bela) će biti primenjene samo na tekst koji je unutar jumbotron div-a, ali u p tagu (paragraf) ili bez tagova. Moraš definisati boju teksta za h1 tag (u ovom slučaju), možda će biti dovoljno samo da definišeš:
.jumbotron h1 {   color: #fff; }

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Napisano: 19 Apr 2015 23:28

Nekom ce sigurno trebati. Problem obojiti u neku boju h1 tag. Pogresio sam kao sto kaze Drummer,kao i da treba ubaciti i ovaj redosled:

prvo treba u Html dokumentu da ide

<link rel="stylesheet" href="css/bootstrap.css" >
pa onda
<link rel="stylesheet" href="css/style.css">

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Kako centrirati samo glyphicon.
Html
<div class="col-md-4">
<span class="glyphicon glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>

css
.glyphicon {     font-size: 50px;    text-align:center;    color:red; }

http://jsfiddle.net/j6scqhq2/




Na ovoj adresi ima ono sto me interesuje, centrirane su icone, gledao sam u ispect element ali ne vidim css gde je centrirano
http://codepen.io/jamesbarnett/pen/sjxbC

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Resio sam problem razvucene slike u jumbotronu
naveo sam da je
background-size: 100% 100%;

treba da stoji
background-size: cover;

• 1Ovo se svidja korisniku: dejnik978
  
  Registruj se da bi pohvalio/la poruku!

dejnik978 ::
<span class="glyphicon glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>

Zašto na početku dva puta unosiš isto ime klase (glyphicon)?