0
我試圖在圖片下面放置這些圖標。我可以讓它們出現在下面,但不是在形象之後。另外在移動版本上,它不是一排。按鈕不在一行中,有一個按鈕比列更好。提供的截圖。請幫助圖像下方的位置按鈕
這裏是我的網站:http://www.kiljakandweb.com
這裏是我的HTML:
<section class="projects" id="myprojects">
<div class="row">
<div class="col-md-12 col-lg-12 col-xs-12 col-sm-12">
<img src="images/iPad2.png" alt="">
</div>
</div>
</section>
<section>
<div class="row">
<div class="col-lg-1 col-xs-2 col-sm-2 col-md-1 col-centered">
<a href="#" ><i class="fa fa-plus-circle fa-3x buttons1" aria-hidden="true"></i></a>
<a href="#" ><i class="fa fa-chevron-circle-down fa-3x buttons1" aria-hidden="true"></i></a>
</div>
</div>
</section>
這裏是我的CSS:
img {
float: right;
width: 85%;
margin-top: 250px;
margin-right: -25px;
padding-bottom:200px;
}
.col-centered{
float: none;
margin: 0 auto;
padding-bottom: 200px;
}
的jQuery:
第一個問題解決了,謝謝!但第二個不起作用。按鈕是堅持左下角... –
它應該工作,因爲我通過Chrome控制檯在您身邊試過。但嘗試第二個選項。我編輯了我以前的帖子。 –