Bootstrap 3

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

Na sta se odnosi i kako se koristi <div class="header-wrap">
Citao sam da se wrap odnosi na sadrzaj nekog drugog sajta na svom sajtu, tj mesto za taj sadrzaj. Da li je to tacno, i na sta se odnosi wrap u bootstrap sajtu?

http://egelnickandwebb.com/

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

header-wrap je samo naziv klase koju je osoba koja je kodirala sajt zadala. Mogla ga je nazvati i header-blabla svejedno je. To nije bootstrap prepodesena kalsa i nema veze sa sadrzajem nekog drugog sajta na tom sajtu.

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

Kako se zove animacija i kako je uradjena?
http://www.teamgeek.co.za/

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

@font-face

https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face
Jel moze neko objasnjenje o upotrebi istog. Da li da obracam paznju na njega ili da se drzim google fonta. Procitao sam o njemu ovde
http://printandscreen.rs/node/28

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

Napisano: 27 Apr 2015 16:01

Preradjujem jedan html sajt http://templated.co/linear u bootstrap sajt ubacio sam clasu da li ovako moze ili mesam razlicite stvari

               <div class="col-sm-4">                   <section class="4u">                      <span class="pennant"><span class="fa fa-briefcase"></span></span>                      <h3>Maecenas luctus lectus</h3>                      <p>Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo.</p>                      <a href="#" class="button button-style1">Read More</a>                   </section>                </div>

ubacio sam i css fajlove od html sajta u bootstrap sajt da li je ovo pogresno ili ove css fajlove moram da sam smisljam i kucam.
 <link rel="stylesheet" href="css/bootstrap.css" >    <link rel="stylesheet" href="css/style.css" >    <link rel="stylesheet" href="css/style-1000px.css" >    <link rel="stylesheet" href="css/style-desktop.css" >    <link rel="stylesheet" href="css/style-mobile.css" >

Dopuna: 27 Apr 2015 16:04

Da li je ovaj u ovom slucaju suvisan  <link rel="stylesheet" href="css/style-mobile.css" >

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

Da li moram da dodajem <div class="container"> znaci hocu da ga pretvorim u bootstrap. Znam da treba da ide container zbog centriranja pa onda row pa col. Ovo je deo koda
   <div class="row">                <section class="6u">                   <a href="#" class="image full"><img src="images/pic03.jpg" alt=""></a>                   <header>                      <h2>Mauris vulputate dolor</h2>                   </header>                   <p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>                </section>                            <section class="6u">                   <a href="#" class="image full"><img src="images/pic04.jpg" alt=""></a>                   <header>                      <h2>Mauris vulputate dolor</h2>                   </header>                   <p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>                </section>                         </div>                          <div class="row">                <div class="col-sm-4">                   <section class="6u">                      <a href="#" class="image full"><img src="images/pic05.jpg" alt=""></a>                      <header>                         <h2>Mauris vulputate dolor</h2>                      </header>                      <p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>                   </section>                </div>
i ovako se vidi bez <div class="container"> ali mislim da je to pgresno?

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

Kako da sliku podesim da se na sve rezolucije vidi isto, ili to nije moguce. Problem je to sto se slike povecavaju kako menjam rezoluciju, pa kad stavim na neku vecu one izgledaju ogromno. Da li moze da se nekako fiksiraju? Postavio sam da se na rezoluciji 1024 x 768 vidi ovako kako mi se svidja


vidi se lepo i na 320 x 480



Ali se vidi razvuceno na 640 x 960



Cod sa postavio ovako da sliku smanjim ili ovako ne moze
.img-circle { width: 30%; }

html
<div class="col-md-4">                   <h3>Jagoda</h3>                   <img src="img/jagode1.jpg" alt="malina,jagoda,kupina" class="img-circle">

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

Imam deo teksta koji je crven    <a href="#"><p id="crveno">12.05.2015-Navodnjavanje jagoda (sistem kap po kap ili orosavanjem)</a></p> ali mi ga preklapa dekoracija koju zelim da stavim /* unvisited link */ a:link {     color: #5C5A5A;     text-decoration: none; } /* visited link */ a:visited {     color: #999696; } /* mouse over link */ a:hover {     color: #000; } /* selected link */ a:active {     color: #000; }

zatim sam dodao id da odvojim p i u css-u sam dodao cod #crveno { color:red !important; }
Ako treba ! important to neznam kako da ga ubacim. Gde da procitam, trazio ali nista.

• 2Ovo se svidja korisnicima: dejnik978, eleutheros
  
  Registruj se da bi pohvalio/la poruku!

1. http://www.mycity.rs/Web-dizajn/Bootstrap-opsta-diskusija_6.html#p1755641
koje ces css fajlove dodati zavisi od tvojih potreba ili od potreba prepodesenog templatea/skripte koju si skinuo. Neka aplikacija koju si skinuo i zelis da preradis za svoje potrebe zahteva ucitavanje odredjenih css fajlova bez kojih ne moze da funkcionise, dok neke mozes a ne moras ucitavati. Da bi znao kod konkretnog templatea koji si peuzeo sta treba od css fajlova ucitati, najbolje je da procitas dokumentaciju doticnog. Kad naucis css dovoljno dobro znaces i sam sta ti treba a sta ne i akko bukvalno svaki template/aplikaciju da prilagodis svojim potrebama sto u sustini i treba da bude krajnji cilj.


2. http://www.mycity.rs/Web-dizajn/Bootstrap-opsta-diskusija_6.html#p1755647
Najprostije receno .container boostrapova klasa se koristi kada zelis da odredjen sadrzaj bude ne siri od 1170px i uz podjednaku udaljenost od bocnih ivica ekrana. U suprotnom sadrzaj ce ti se "razvuci po celom ekranu" kao sto je slucaj kod tvog primera. To naravno nije greska vec sve zavisi od tvojih ili zelja klijenta tj layouta koji kodiras. Imas nepravilnosti u tom kodu. U drugom rowu si kao child stavio col-md klasu a dok u prvom nisi. I kao sto vidis slike tri psa zauzimaju za nijansu uzi prostor u odnosu na baner sa ovcama.

3. http://www.mycity.rs/Web-dizajn/Bootstrap-opsta-diskusija_6.html#p1758058
    <div class="col-md-4">                       <h3>Jagoda</h3>                       <img src="img/jagode1.jpg" alt="malina,jagoda,kupina" class="img-responsive">    </div>   

4. Nepravilno si rasporedio tagove. Ako tagove otvaras sa 123 iste moras zatvoriti sa 321 to je osnovno pravilo html-a.

<a href="#"><p id="crveno">12.05.2015-Navodnjavanje jagoda (sistem kap po kap ili orosavanjem)</p></a>

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

m4rk0 ::1. http://www.mycity.rs/Web-dizajn/Bootstrap-opsta-diskusija_6.html#p1755641
koje ces css fajlove dodati zavisi od tvojih potreba ili od potreba prepodesenog templatea/skripte koju si skinuo. Neka aplikacija koju si skinuo i zelis da preradis za svoje potrebe zahteva ucitavanje odredjenih css fajlova bez kojih ne moze da funkcionise, dok neke mozes a ne moras ucitavati. Da bi znao kod konkretnog templatea koji si peuzeo sta treba od css fajlova ucitati, najbolje je da procitas dokumentaciju doticnog. Kad naucis css dovoljno dobro znaces i sam sta ti treba a sta ne i akko bukvalno svaki template/aplikaciju da prilagodis svojim potrebama sto u sustini i treba da bude krajnji cilj.


2. http://www.mycity.rs/Web-dizajn/Bootstrap-opsta-diskusija_6.html#p1755647
Najprostije receno .container boostrapova klasa se koristi kada zelis da odredjen sadrzaj bude ne siri od 1170px i uz podjednaku udaljenost od bocnih ivica ekrana. U suprotnom sadrzaj ce ti se "razvuci po celom ekranu" kao sto je slucaj kod tvog primera. To naravno nije greska vec sve zavisi od tvojih ili zelja klijenta tj layouta koji kodiras. Imas nepravilnosti u tom kodu. U drugom rowu si kao child stavio col-md klasu a dok u prvom nisi. I kao sto vidis slike tri psa zauzimaju za nijansu uzi prostor u odnosu na baner sa ovcama.

3. http://www.mycity.rs/Web-dizajn/Bootstrap-opsta-diskusija_6.html#p1758058
    <div class="col-md-4">                       <h3>Jagoda</h3>                       <img src="img/jagode1.jpg" alt="malina,jagoda,kupina" class="img-responsive">    </div>   

4. Nepravilno si rasporedio tagove. Ako tagove otvaras sa 123 iste moras zatvoriti sa 321 to je osnovno pravilo html-a.

<a href="#"><p id="crveno">12.05.2015-Navodnjavanje jagoda (sistem kap po kap ili orosavanjem)</p></a>

http://www.fruitserbia.comli.com/

Ovo je sajt koji vezbam na koji se ovo gore odnosi odgovor pod 3 i 4. Gde ima link da procitam ovo ako tagove otvaram sa 123 zatvaram sa 321. Jer se to odnosi na ovo preklapanje crvenog linka sa drugom bojom. Kako da resim ovo sto mi preklapa link?