显示jumbotron背景表情符号

Question

现在我有jumbatron like this

我希望在其右侧添加随机表情符号（三个）。我是用油漆做的 how it should look

我该怎么做？

我的css：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

HTML：

＆＃13;

＆＃13;

<header class="jumbotron jumbotron-fluid">
	<div class="container">
		<h1 class="display-3"><?php echo $data['CFG']['s_name']; ?></h1>
		<p class="lead"><?php echo $data['CFG']['s_about'] ?></p>
		<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>
	</div>
</header>

＆＃13;

＆＃13;

＆＃13;

Answer 1

我就是这样做的：

<div class="item active slide-hide-on-mobile">
  <img src="imgTop.jpg" alt="...">
</div>

Here is the JSFiddle demo