Bootstrap 3

6

Bootstrap 3

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

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/



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)

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.



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

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

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

@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

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

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

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

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?

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

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

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

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.

offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

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>

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

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?

Ko je trenutno na forumu
 

Ukupno su 869 korisnika na forumu :: 4 registrovanih, 4 sakrivenih i 861 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: A.R.Chafee.Jr., Fog of War, mikrimaus, mnn2