Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Bootstrap i problemi sa njim

[es] :: Web dizajn i CSS :: Bootstrap i problemi sa njim

[ Pregleda: 1466 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

stameni
Ivan Stamenković

Član broj: 6739
Poruke: 422



+6 Profil

icon Bootstrap i problemi sa njim12.03.2018. u 17:51 - pre 22 meseci
Ukratko -- instalirani operativni sistem je Ubuntu 16.04 desktop, software na njemu je ažuriran; instalirani su i pokrenutni noviji (možda nisu baš najnoviji, ali...) Apache i MySQL. Instaliran je Bootstrap 3.3.7. Sve inače radi kako treba.

Hteo bih da probam da koristim ikonice sa Font-Awesoma, i tu imam probleme.

Downloadovao sam sa https://fontawesome.com/ datoteku sa imenom fontawesome-free-5.0.8.zip . Direktorijum css iz ove arhive iskopirao sam u postojeći direktorijum sa istim imenom, a direktorijum webfonts otpakovao sam u direktorijum fonts. (Pre toga sam morao da postavim w pravo za ova dva foldera.)

Zatim sam u kodu stranice u zaglavlju ubacio:
Code:

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/fonts-awesome.min.css">


Probao sam da u kod postavim;
Code:

<i class="fas fa-key"></i>


Međutim, ništa se ne dešava; kao da gornji red ni ne postoji ;)

Ceo ovaj kod smešten je u desnu col-md-6 kolonu, ali ne verujem da to pravi problem.

Može pomoć?
 
Odgovor na temu

mjanjic
Šikagou

Član broj: 187539
Poruke: 1571



+458 Profil

icon Re: Bootstrap i problemi sa njim13.03.2018. u 02:19 - pre 22 meseci
https://stackoverflow.com/ques...rking-icons-showing-as-squares
Blessed are those who can laugh at themselves, for they shall never cease to be amused.
 
Odgovor na temu

stameni
Ivan Stamenković

Član broj: 6739
Poruke: 422



+6 Profil

icon Re: Bootstrap i problemi sa njim13.03.2018. u 11:36 - pre 22 meseci
Pogledao sam, ali izgleda da nije to. Na StackOverflowu "original poster" pita o pojavljivanju velikog prazng pravougaonika, dok ja ne dobijam ni to ;)

Malo me zbunjuje što sam na W3Schools, na linku https://www.w3schools.com/icons/fontawesome_icons_intro.asp , pronašao da nije neophodna nikakva instalacija niti download.

Nalazio sam i tekst o tome da je instalacija ipak potrebna. U prvoj poruci napisao sam kako sam instalirao. Možda je problem ipak u tome, jer u arhivi fontawesome-free-5.0.8.zip postoji direktorijum webfonts, čiji sam sadržaj iskopirao u direktorijum fonts, tamo gde sam bio raspakovao Bootstrapa.

Evo minimalnog koda koji me muči. Dva reda koje sam dodao obeležio sam komentarom.

Code:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Ovaj red sam ja dodao: -->
    <link rel="stylesheet" href="css/font-awesome.min.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Ovaj red sam ja dodao: -->
    <i class="fab fa-accusoft"></i>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>
 
Odgovor na temu

Panta_
Aleksandar Pantić
Kragujevac

Član broj: 214959
Poruke: 599



+109 Profil

icon Re: Bootstrap i problemi sa njim26.03.2018. u 18:51 - pre 22 meseci
Prvo, izmeni liniju "<link href="css/bootstrap.min.css" rel="stylesheet">" u "<link href="css/fontawesome-all.min.css" rel="stylesheet">".

Zatim, ako si sadrzaj iz webfonts direktorijuma iskopirao u fonts direkorijum, izmeni putanju do istog u fontawesome-all.min.css fajlu, npr: "src: url("../webfonts/fa-brands-400.eot");" u "src: url("../fonts/fa-brands-400.eot");". Za ovo na Linuxu mozes da iskoristis sed komandu: sed -i.backup 's/webfonts/fonts/g' /putanja/do/css/fontawesome-all.css.

/── index.html
── css
   ├── fontawesome-all.min.css
── fonts
   ├── fa-brands-400.eot
   ├── fa-brands-400.svg
   ├── fa-itd...

Ili, jednostavno koristi CDN:

https://fontawesome.com/get-started
 
Odgovor na temu

stameni
Ivan Stamenković

Član broj: 6739
Poruke: 422



+6 Profil

icon Re: Bootstrap i problemi sa njim21.04.2018. u 17:29 - pre 21 meseci
Citat:

Ili, jednostavno koristi CDN:

https://fontawesome.com/get-started


Da, ovo je prava stvar, jer ne zahteva nikakve instalacije, a kod se praktično uopšte ne komplikuje. Zahvaljujem
 
Odgovor na temu

[es] :: Web dizajn i CSS :: Bootstrap i problemi sa njim

[ Pregleda: 1466 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.