2017-05-17 4 views
1

jetzt habe ich jumbatron like thisAnzeige jumbotron Hintergrund Emoji

und ich möchte auf zufällige Emoji (drei überhaupt) dieser rechten Seite hinzuzufügen. Ich habe es in Farbe gemacht how it should look

Wie kann ich das tun?

Meine CSS:

.jumbotron { 
 
\t position: relative; 
 
\t background-color: #563d7c; 
 
\t color: #fff; 
 
\t padding-top: 100px; 
 
\t margin: 0px; 
 
\t word-wrap: break-word; 
 
}

HTML:

<header class="jumbotron jumbotron-fluid"> 
 
\t <div class="container"> 
 
\t \t <h1 class="display-3"><?php echo $data['CFG']['s_name']; ?></h1> 
 
\t \t <p class="lead"><?php echo $data['CFG']['s_about'] ?></p> 
 
\t \t <p><a class="btn btn-success btn-lg" href="index.php?mode=start" role="button"><i class="fa fa-download"></i> <?php echo $this->lng['load_client']; ?></a></p> 
 
\t </div> 
 
</header>

Antwort

0

Dies ist, wie ich es tun würde:

.myimg { 
    position: absolute; 
    width: 180px; 
    right: 50px; 
    top: 100px; 
} 

Here is the JSFiddle demo