Bootstrap flèche attachée à div

Je suis très très nouveau pour l'amorçage et avant la fin de cadres en général. Mais, je suis en mesure de remarquer les caractéristiques que les sites que l'utilisation de bootstrap ont en commun. L'image ci-dessous contient quelque chose que je trouve très omniprésente parmi bootstrap sites. La tendance à la baisse (ou n'importe quelle direction) flèche bleue qui est pointée du texte ci-dessous c'est ce que je parle trop.

J'ai utilisé firebug pour inspecter les éléments et trouvé que c'était quelque chose qui était nécessaire à l' .hero-unit div.

Exactement comment cela fonctionne et comment est-il accompli?

Bootstrap flèche attachée à div

InformationsquelleAutor Lance | 2014-01-07
  1. 11

    Il n'est pas fourni en standard avec bootstrap, mais Voici un bon article sur la façon de faire avec :after qui, je crois, est ce que vous cherchez.

    Démo

    .hero:after {
    z-index: -1;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    content:'';
    width: 0;
    height: 0;
    border-top: solid 10px #e15915;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

    Vous faites le triangle grandes et les petites en ajustant la border-* attributs, et aussi la marge de gauche(frontière * -1).

    • Si .le héros a l'arrière-plan dégradé, est-il possible de faire flèche à être le même arrière-plan avec .le héros?
    • qu'en flèche avant de venir div, ont essayé de la changer .ici:avant, mais pas de chance, s'il vous plaît aider
    InformationsquelleAutor Schmalzy
  2. 2

    Ici est ce que vous avez trouvé dans firebug. Héros de l'Unité ne fait pas référence à un jumbotron style d'en-tête, un grand élément d'en-tête qui peut être utilisé dans le bootstrap. Vous pouvez trouver cet élément ici:

    http://getbootstrap.com/2.3.2/components.html#typography

    Encore la flèche vous faites référence semble être quelque chose qui a été conçu par le développeur et ne vient pas avec le bootstrap de l'unité.

    InformationsquelleAutor patrick