Bootstrap 3

2

Bootstrap 3

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

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.



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

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/



offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

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

offline
  • Rade Jekić
  • Pridružio: 05 Okt 2005
  • Poruke: 3005
  • Gde živiš: Valjevo

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?

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

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.

offline
  • Rade Jekić
  • Pridružio: 05 Okt 2005
  • Poruke: 3005
  • Gde živiš: Valjevo

Š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; }

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

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">

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

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

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

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

treba da stoji
background-size: cover;

offline
  • Rade Jekić
  • Pridružio: 05 Okt 2005
  • Poruke: 3005
  • Gde živiš: Valjevo

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

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

Ko je trenutno na forumu
 

Ukupno su 841 korisnika na forumu :: 39 registrovanih, 8 sakrivenih i 794 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: _Petar, A.R.Chafee.Jr., airsuba, Atomski čoban, babaroga, bojank, CikaKURE, Dorcolac, HogarStrashni, Ivica1102, Karla, Krvava Devetka, loon123, Lord Nem, lord sir giga, Metanoja, Mi lao shu, milenko crazy north, Milometer, MilosKop, Misirac, Mitraljeta, Mixelotti, Motocar, naki011, nebidrag, nemkea71, nenad81, Panter, pein, pera bager, Sirius, Srle993, stagezin, stegonosa, Stoilkovic, Vlad000, Yugol33, zbazin