سلام میخوام فوتر سایتم دقیقا در انتهای صفحه بچسبه. الان کدهایی که نوشتم فوتر میاد وسط صفحه قرار می گیره.
<footer class="text-left main-footer">
<div class="row">
<div class="col-md-2 col-xs-12"></div>
<div class="col-md-8 col-xs-12"></div>
<div class="col-md-2 col-xs-12"></div>
</div>
</footer>
وقتی اجرا میکنم فوتر نمیره در انتهای صفحه بچسبه و وسط صفحه نمایش داده میشه. لطفا بفرمایید برای تنظیم footer سایت در انتهای صفحه با html و css باید دقیقا چیکار کنم ؟
این کار رو به سادگی می تونید انجام بدید. کافیه یک کلاس به نام footer ایجاد کنید. البته نام کلاس دلخواه هست. و برای این کلاس استایل های زیر رو بنویسید :
<style>
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: red;
color: white;
text-align: center;
}
</style>
حالا کافیه به تگ footer خودتون این کلاس رو بدید. در واقع کد کامل شما به صورت زیر تبدیل میشه :
<style>
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: red;
color: white;
text-align: center;
}
</style>
<footer class="text-left main-footer footer">
<div class="row">
<div class="col-md-2 col-xs-12"></div>
<div class="col-md-8 col-xs-12"></div>
<div class="col-md-2 col-xs-12"></div>
</div>
</footer>
حالا اگر اجرا کنید می بینید که فوتر سایت شما در انتهای صفحه ثابت شده. این کدها رو از این لینک میتونید ببینید.
تاریخ :
1400/11/14
- ساعت :
12:23:00 AM
- بازدید :
2227
- پاسخ :
2
|
تاریخ :
1398/09/21
- ساعت :
09:53:00 AM
- بازدید :
5235
- پاسخ :
7
|
تاریخ :
1402/08/04
- ساعت :
05:01:00 PM
- بازدید :
478
- پاسخ :
1
|
تاریخ :
1402/08/06
- ساعت :
01:20:00 PM
- بازدید :
515
- پاسخ :
1
|
تاریخ :
1402/08/01
- ساعت :
06:25:00 PM
- بازدید :
582
- پاسخ :
1
|
تاریخ :
1402/07/25
- ساعت :
09:15:00 PM
- بازدید :
714
- پاسخ :
1
|
تاریخ :
1399/12/13
- ساعت :
12:10:00 AM
- بازدید :
3035
- پاسخ :
1
|
تاریخ :
1399/01/11
- ساعت :
02:02:00 PM
- بازدید :
2729
- پاسخ :
3
|
تاریخ :
1402/06/28
- ساعت :
12:47:00 PM
- بازدید :
754
- پاسخ :
1
|
تاریخ :
1399/06/16
- ساعت :
07:18:00 PM
- بازدید :
7013
- پاسخ :
4
|
تاریخ :
1403/02/03
- ساعت :
10:23:00 PM
- بازدید :
74
- پاسخ :
1
|
تاریخ :
1403/01/29
- ساعت :
08:08:00 AM
- بازدید :
96
- پاسخ :
1
|
تاریخ :
1403/01/25
- ساعت :
06:46:00 PM
- بازدید :
102
- پاسخ :
1
|
تاریخ :
1403/01/12
- ساعت :
05:36:00 PM
- بازدید :
125
- پاسخ :
1
|
تاریخ :
1403/01/20
- ساعت :
07:32:00 PM
- بازدید :
148
- پاسخ :
2
|
تاریخ :
1403/01/17
- ساعت :
08:30:00 PM
- بازدید :
166
- پاسخ :
3
|
تاریخ :
1403/01/15
- ساعت :
04:12:00 PM
- بازدید :
179
- پاسخ :
2
|
تاریخ :
1403/01/19
- ساعت :
03:06:00 PM
- بازدید :
105
- پاسخ :
1
|
تاریخ :
1402/12/25
- ساعت :
03:38:00 PM
- بازدید :
267
- پاسخ :
0
|
تاریخ :
1402/12/13
- ساعت :
05:04:00 PM
- بازدید :
324
- پاسخ :
0
|