Как се правят ТАГОВЕ ?

[emcuemnecu]

Здравейте. Предполагам, че повечето влизат в новинарския сайт днес бг, та там под всяка статия има тагове в червена рамка,точно тези тагове как се правят да изглеждат по същия начин, някой знае ли?
Ако, да, да пусне код,мерси.

 

[deam0n]

http://twitter.github.io/bootstrap/components.html#labels-badges

 

[emcuemnecu]

http://twitter.github.io/bootstrap/components.html#labels-badges

Това би трябвало да е кода, нали <span class="badge badge-success">2</span>
, нещо не се получава?

 

[ivo75]

импортна ли библиотеките?

 

[emcuemnecu]

импортна ли библиотеките?

Не?
идеята ми е примерно имам <a href="#">нещо</a>
то този линк текст да е като в примера даден по-горе от колегата, но как? Не се получава

 

[ivo75]

Ако искаш да използваш bootstrap (което си е супер според мен) трябва да го свалиш от сайта им и да импортнеш 3 библиотеки - bootstrap.min.css, jquery.js и bootstrap.min.js.

ето ти пример:

<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap 101 Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
  </head>
  <body>
    <h1>Hello, world!</h1>
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

 

[emcuemnecu]

Нещо не виждам от къде да сваля въпросните файлове?

 

[ivo75]

http://twitter.github.io/bootstrap/index.html

 

[emcuemnecu]

В примера е дадено така:

<span class="label label-info">Info</span>
аз ако сменя думата Info с друга и ефекта се губи нещо

 

[ivo75]

Няма как да се губи я дай да видя кода.

 

[emcuemnecu]

Няма как да се губи я дай да видя кода.

ето

<span class="label label-info"><a href="../vodopadi/krushunskite-vodopadi">Крушунските водопади</a></span>

така ефекта го няма, добавил съм всичко и работи, но ако си е както в сайта източник без промяни

 

[ivo75]

При мен работи само цвета на текста е син и това си е нормално, а ето как можеш да го направиш бял

<span class="label label-info"><a style="color:white;" href="../vodopadi/krushunskite-vodopadi">Крушунските водопади</a></span>

 

[emcuemnecu]

Мерси , получи се, просто имаше в CSS файла ми, код в редовете и заради това не се получаваше.