Twitter bootstrap 删除Firefox中页脚底部的空白(引导)
我只在firefox中的页脚底部有一个白色条。截图:我想尽一切办法将其删除,请帮忙!即使我删除了页脚内部的所有内容,它下面仍然有空格,所以我不知道是什么原因造成的Twitter bootstrap 删除Firefox中页脚底部的空白(引导),twitter-bootstrap,firefox,margin,footer,padding,Twitter Bootstrap,Firefox,Margin,Footer,Padding,我只在firefox中的页脚底部有一个白色条。截图:我想尽一切办法将其删除,请帮忙!即使我删除了页脚内部的所有内容,它下面仍然有空格,所以我不知道是什么原因造成的 <div class="navbar"> <!----top navbar---> <div class="container constrain-960"> <a class="brand" href="/" target="_top"> <img src=""
<div class="navbar"> <!----top navbar--->
<div class="container constrain-960">
<a class="brand" href="/" target="_top">
<img src="" height="26">
</a>
<div class="pull-right">
<ul class="navnav navbar-nav">
<li class="hidden-xs learn-more"><a href="">Learn More</a></li>
<li class="top-cta btn-warning"><a href="">Raise Money Now</a></li>
</ul>
</div>
</div>
</div> <!----/top navbar--->
<div class="row"> <!----main title--->
<div class="text-center title">
<h1>this is a title</h1>
<h1 class="sub-title"><p class="subtitle fancy"><span>and a subtitle</span></p></h1>
</div>
</div> <!----/main title--->
<div class="table-background"> <!----begin table section--->
<div class="container constrain-960">
<div class="table-responsive">
<table class="table">
<thead style="background-color: #e5e5e5">
<tr style="height: 20px;">
<th>website</th>
<th class="fee">Fee</th>
<th>Ways to Contribute</th>
<th>Ways to Share</th>
<th>Important Info</th>
</tr>
</thead>
<tbody>
<tr>
<td><img src="" width="165" height="40" alt=""></td>
<td class="fee">5%</td>
<td class="contribute">PayPal, WePay</td>
<td style="min-width: 155px;"></td>
<td></td>
</tr>
<tr>
<td></td>
<td class="fee">9%</td>
<td class="contribute">PayPal</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td class="fee">5%</td>
<td class="contribute">PayPal</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td class="fee">5%</td>
<td class="contribute">PayPal</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td class="fee">5%</td>
<td class="contribute">PayPal</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
</div> <!----end table section--->
<div class="container constrain-960">
<div class="row" style="margin-top: 40px;">
<div class="text-center">
<h2 class="benefits-title">Benefits</h2>
</div>
</div>
<div class="benefits">
<div class="row" style="margin-top: 30px;">
<div class="col-md-6">
<img src="/crowdfundingca/assets/images/check.png" alt="check mark" width="40" style="float:left"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
</div>
<div class="col-md-6">
<img src="/crowdfundingca/assets/images/check.png" alt="check mark" width="40" style="float:left"><p>CLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
</div>
</div>
<div class="row middle-row">
<div class="col-md-6">
<img src="/crowdfundingca/assets/images/check.png" alt="check mark" width="40" style="float:left"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
</div>
<div class="col-md-6">
<img src="/crowdfundingca/assets/images/check.png" alt="check mark" width="40" style="float:left"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<div class="row" style="margin-bottom: 20px;">
<div class="col-md-6">
<img src="/crowdfundingca/assets/images/check.png" alt="check mark" width="40" style="float:left"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
</div>
<div class="col-md-6">
<img src="/crowdfundingca/assets/images/check.png" alt="check mark" width="40" style="float:left"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
</div>
</div>
</div>
<div class="row">
</div>
</div>
<div class="carousel-background"> <!----carousel section--->
<!-- <div class="text-center">
<h2 style="margin-bottom: -40px; padding-top: 15px;">Examples</h2>
</div> -->
<div class="container constrain-960">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<img src="/crowdfundingca/assets/images/widgets.png" class="widgets" width="80" alt="widget example">
<div class="carousel-inner">
<div class="item active">
</div>
<div class="item">
</div>
<div class="item">
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>
</div>
</body>
<div id="fr-footer-container">
<div class="container constrain-960">
<footer>
<div id="fr-footer">
<div class="footer-content row" id="footer-main">
<div class="col-md-3">
<div class="learn-more-box">
<h5>Learn more</h5>
<ul class="learn-more">
<li><a target="_blank" href="">Blog</a></li>
<li><a target="_blank" href="">Support</a></li>
<li><a target="_top" href="/pages/faq">FAQ</a></li>
<li><a target="_top" href="/pages/about">About</a></li>
<li><a target="_top" href="/pages/press">Press</a></li>
<li><a target="_top" href="/pages/contact">Contact</a></li>
<li><a target="_top" href="/pages/service-fees">Fees</a></li>
</ul>
</div>
</div>
<div class="col-md-3">
<h5>Crowdfund anything</h5>
<ul class="learn-more">
<li><a target="_top" href="/pages/raise-money-for-healthcare">Healthcare & Medical Bills</a></li>
<li><a target="_top" href="/pages/raise-money-for-accidents">Accidents & Disasters</a></li>
<li><a target="_top" href="/pages/raise-money-for-memorials">Funerals & Memorials</a></li>
<li><a target="_top" href="/pages/raise-money-for-animals">Animals & Pets</a> </li>
<li><a target="_top" href="/pages/raise-money-for-non-profits">Non-profits</a></li>
<li><a title="Raise money now" onclick="_gaq.push(['_trackEvent', 'signup', 'create', 'footer']);" target="_top" href="/create" class="highlight" id="get-started-footer">Raise money now</a></li>
</ul>
</div>
<div class="col-md-3">
<h5>Business solutions</h5>
<ul class="learn-more">
<li><a target="_blank" href="/pages/business/crowdfunding-for-business">Small business & Entrepreneurs</a></li>
<li><a target="_top" href="">Crowd power your enterprise</a></li>
<li><a target="_top" href="/pages/partner-with-us">Become an affiliate</a></li>
<li><a target="_top" href="">Business blog</a></li>
</ul>
</div>
<div class="col-md-3">
<h5>Follow us</h5>
<div>
<a href="" target="_blank" title="Facebook" class="connect-icon facebook"><i class="fa fa-facebook"></i></a>
<a href="" target="_blank" title="Twitter" class="connect-icon twitter"><i class="fa fa-twitter"></i></a>
<a href="" target="_blank" title="Google+" class="connect-icon google-plus"><i class="fa fa-google-plus"></i></a>
<a href="" target="_blank" title="Blog" class="connect-icon comment"><i class="fa fa-comments"></i></a>
<a href="" target="_blank" title="LinkedIn" class="connect-icon linkedin"><i class="fa fa-linkedin"></i></a>
<a href="" target="_blank" title="YouTube channel" class="connect-icon youtube"><i class="fa fa-youtube"></i></a>
</div>
</div>
</div>
<div class="footer-content row" id="footer-links">
<div class="col-md-12 small muted">
<p class="small muted secondary">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
</footer>
</div>
</div>
</html>
我已经基本上粘贴了我的全部代码,我正在使用Bootstrap3,谢谢
<div class="navbar"> <!----top navbar--->
<div class="container constrain-960">
<a class="brand" href="/" target="_top">
<img src="" height="26">
</a>
<div class="pull-right">
<ul class="navnav navbar-nav">
<li class="hidden-xs learn-more"><a href="">Learn More</a></li>
<li class="top-cta btn-warning"><a href="">Raise Money Now</a></li>
</ul>
</div>
</div>
</div> <!----/top navbar--->
<div class="row"> <!----main title--->
<div class="text-center title">
<h1>this is a title</h1>
<h1 class="sub-title"><p class="subtitle fancy"><span>and a subtitle</span></p></h1>
</div>
</div> <!----/main title--->
<div class="table-background"> <!----begin table section--->
<div class="container constrain-960">
<div class="table-responsive">
<table class="table">
<thead style="background-color: #e5e5e5">
<tr style="height: 20px;">
<th>website</th>
<th class="fee">Fee</th>
<th>Ways to Contribute</th>
<th>Ways to Share</th>
<th>Important Info</th>
</tr>
</thead>
<tbody>
<tr>
<td><img src="" width="165" height="40" alt=""></td>
<td class="fee">5%</td>
<td class="contribute">PayPal, WePay</td>
<td style="min-width: 155px;"></td>
<td></td>
</tr>
<tr>
<td></td>
<td class="fee">9%</td>
<td class="contribute">PayPal</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td class="fee">5%</td>
<td class="contribute">PayPal</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td class="fee">5%</td>
<td class="contribute">PayPal</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td class="fee">5%</td>
<td class="contribute">PayPal</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
</div> <!----end table section--->
<div class="container constrain-960">
<div class="row" style="margin-top: 40px;">
<div class="text-center">
<h2 class="benefits-title">Benefits</h2>
</div>
</div>
<div class="benefits">
<div class="row" style="margin-top: 30px;">
<div class="col-md-6">
<img src="/crowdfundingca/assets/images/check.png" alt="check mark" width="40" style="float:left"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
</div>
<div class="col-md-6">
<img src="/crowdfundingca/assets/images/check.png" alt="check mark" width="40" style="float:left"><p>CLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
</div>
</div>
<div class="row middle-row">
<div class="col-md-6">
<img src="/crowdfundingca/assets/images/check.png" alt="check mark" width="40" style="float:left"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
</div>
<div class="col-md-6">
<img src="/crowdfundingca/assets/images/check.png" alt="check mark" width="40" style="float:left"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<div class="row" style="margin-bottom: 20px;">
<div class="col-md-6">
<img src="/crowdfundingca/assets/images/check.png" alt="check mark" width="40" style="float:left"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
</div>
<div class="col-md-6">
<img src="/crowdfundingca/assets/images/check.png" alt="check mark" width="40" style="float:left"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
</div>
</div>
</div>
<div class="row">
</div>
</div>
<div class="carousel-background"> <!----carousel section--->
<!-- <div class="text-center">
<h2 style="margin-bottom: -40px; padding-top: 15px;">Examples</h2>
</div> -->
<div class="container constrain-960">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<img src="/crowdfundingca/assets/images/widgets.png" class="widgets" width="80" alt="widget example">
<div class="carousel-inner">
<div class="item active">
</div>
<div class="item">
</div>
<div class="item">
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>
</div>
</body>
<div id="fr-footer-container">
<div class="container constrain-960">
<footer>
<div id="fr-footer">
<div class="footer-content row" id="footer-main">
<div class="col-md-3">
<div class="learn-more-box">
<h5>Learn more</h5>
<ul class="learn-more">
<li><a target="_blank" href="">Blog</a></li>
<li><a target="_blank" href="">Support</a></li>
<li><a target="_top" href="/pages/faq">FAQ</a></li>
<li><a target="_top" href="/pages/about">About</a></li>
<li><a target="_top" href="/pages/press">Press</a></li>
<li><a target="_top" href="/pages/contact">Contact</a></li>
<li><a target="_top" href="/pages/service-fees">Fees</a></li>
</ul>
</div>
</div>
<div class="col-md-3">
<h5>Crowdfund anything</h5>
<ul class="learn-more">
<li><a target="_top" href="/pages/raise-money-for-healthcare">Healthcare & Medical Bills</a></li>
<li><a target="_top" href="/pages/raise-money-for-accidents">Accidents & Disasters</a></li>
<li><a target="_top" href="/pages/raise-money-for-memorials">Funerals & Memorials</a></li>
<li><a target="_top" href="/pages/raise-money-for-animals">Animals & Pets</a> </li>
<li><a target="_top" href="/pages/raise-money-for-non-profits">Non-profits</a></li>
<li><a title="Raise money now" onclick="_gaq.push(['_trackEvent', 'signup', 'create', 'footer']);" target="_top" href="/create" class="highlight" id="get-started-footer">Raise money now</a></li>
</ul>
</div>
<div class="col-md-3">
<h5>Business solutions</h5>
<ul class="learn-more">
<li><a target="_blank" href="/pages/business/crowdfunding-for-business">Small business & Entrepreneurs</a></li>
<li><a target="_top" href="">Crowd power your enterprise</a></li>
<li><a target="_top" href="/pages/partner-with-us">Become an affiliate</a></li>
<li><a target="_top" href="">Business blog</a></li>
</ul>
</div>
<div class="col-md-3">
<h5>Follow us</h5>
<div>
<a href="" target="_blank" title="Facebook" class="connect-icon facebook"><i class="fa fa-facebook"></i></a>
<a href="" target="_blank" title="Twitter" class="connect-icon twitter"><i class="fa fa-twitter"></i></a>
<a href="" target="_blank" title="Google+" class="connect-icon google-plus"><i class="fa fa-google-plus"></i></a>
<a href="" target="_blank" title="Blog" class="connect-icon comment"><i class="fa fa-comments"></i></a>
<a href="" target="_blank" title="LinkedIn" class="connect-icon linkedin"><i class="fa fa-linkedin"></i></a>
<a href="" target="_blank" title="YouTube channel" class="connect-icon youtube"><i class="fa fa-youtube"></i></a>
</div>
</div>
</div>
<div class="footer-content row" id="footer-links">
<div class="col-md-12 small muted">
<p class="small muted secondary">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
</footer>
</div>
</div>
</html>
HTML:
<div class="navbar"> <!----top navbar--->
<div class="container constrain-960">
<a class="brand" href="/" target="_top">
<img src="" height="26">
</a>
<div class="pull-right">
<ul class="navnav navbar-nav">
<li class="hidden-xs learn-more"><a href="">Learn More</a></li>
<li class="top-cta btn-warning"><a href="">Raise Money Now</a></li>
</ul>
</div>
</div>
</div> <!----/top navbar--->
<div class="row"> <!----main title--->
<div class="text-center title">
<h1>this is a title</h1>
<h1 class="sub-title"><p class="subtitle fancy"><span>and a subtitle</span></p></h1>
</div>
</div> <!----/main title--->
<div class="table-background"> <!----begin table section--->
<div class="container constrain-960">
<div class="table-responsive">
<table class="table">
<thead style="background-color: #e5e5e5">
<tr style="height: 20px;">
<th>website</th>
<th class="fee">Fee</th>
<th>Ways to Contribute</th>
<th>Ways to Share</th>
<th>Important Info</th>
</tr>
</thead>
<tbody>
<tr>
<td><img src="" width="165" height="40" alt=""></td>
<td class="fee">5%</td>
<td class="contribute">PayPal, WePay</td>
<td style="min-width: 155px;"></td>
<td></td>
</tr>
<tr>
<td></td>
<td class="fee">9%</td>
<td class="contribute">PayPal</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td class="fee">5%</td>
<td class="contribute">PayPal</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td class="fee">5%</td>
<td class="contribute">PayPal</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td class="fee">5%</td>
<td class="contribute">PayPal</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
</div> <!----end table section--->
<div class="container constrain-960">
<div class="row" style="margin-top: 40px;">
<div class="text-center">
<h2 class="benefits-title">Benefits</h2>
</div>
</div>
<div class="benefits">
<div class="row" style="margin-top: 30px;">
<div class="col-md-6">
<img src="/crowdfundingca/assets/images/check.png" alt="check mark" width="40" style="float:left"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
</div>
<div class="col-md-6">
<img src="/crowdfundingca/assets/images/check.png" alt="check mark" width="40" style="float:left"><p>CLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
</div>
</div>
<div class="row middle-row">
<div class="col-md-6">
<img src="/crowdfundingca/assets/images/check.png" alt="check mark" width="40" style="float:left"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
</div>
<div class="col-md-6">
<img src="/crowdfundingca/assets/images/check.png" alt="check mark" width="40" style="float:left"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<div class="row" style="margin-bottom: 20px;">
<div class="col-md-6">
<img src="/crowdfundingca/assets/images/check.png" alt="check mark" width="40" style="float:left"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
</div>
<div class="col-md-6">
<img src="/crowdfundingca/assets/images/check.png" alt="check mark" width="40" style="float:left"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
</div>
</div>
</div>
<div class="row">
</div>
</div>
<div class="carousel-background"> <!----carousel section--->
<!-- <div class="text-center">
<h2 style="margin-bottom: -40px; padding-top: 15px;">Examples</h2>
</div> -->
<div class="container constrain-960">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<img src="/crowdfundingca/assets/images/widgets.png" class="widgets" width="80" alt="widget example">
<div class="carousel-inner">
<div class="item active">
</div>
<div class="item">
</div>
<div class="item">
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>
</div>
</body>
<div id="fr-footer-container">
<div class="container constrain-960">
<footer>
<div id="fr-footer">
<div class="footer-content row" id="footer-main">
<div class="col-md-3">
<div class="learn-more-box">
<h5>Learn more</h5>
<ul class="learn-more">
<li><a target="_blank" href="">Blog</a></li>
<li><a target="_blank" href="">Support</a></li>
<li><a target="_top" href="/pages/faq">FAQ</a></li>
<li><a target="_top" href="/pages/about">About</a></li>
<li><a target="_top" href="/pages/press">Press</a></li>
<li><a target="_top" href="/pages/contact">Contact</a></li>
<li><a target="_top" href="/pages/service-fees">Fees</a></li>
</ul>
</div>
</div>
<div class="col-md-3">
<h5>Crowdfund anything</h5>
<ul class="learn-more">
<li><a target="_top" href="/pages/raise-money-for-healthcare">Healthcare & Medical Bills</a></li>
<li><a target="_top" href="/pages/raise-money-for-accidents">Accidents & Disasters</a></li>
<li><a target="_top" href="/pages/raise-money-for-memorials">Funerals & Memorials</a></li>
<li><a target="_top" href="/pages/raise-money-for-animals">Animals & Pets</a> </li>
<li><a target="_top" href="/pages/raise-money-for-non-profits">Non-profits</a></li>
<li><a title="Raise money now" onclick="_gaq.push(['_trackEvent', 'signup', 'create', 'footer']);" target="_top" href="/create" class="highlight" id="get-started-footer">Raise money now</a></li>
</ul>
</div>
<div class="col-md-3">
<h5>Business solutions</h5>
<ul class="learn-more">
<li><a target="_blank" href="/pages/business/crowdfunding-for-business">Small business & Entrepreneurs</a></li>
<li><a target="_top" href="">Crowd power your enterprise</a></li>
<li><a target="_top" href="/pages/partner-with-us">Become an affiliate</a></li>
<li><a target="_top" href="">Business blog</a></li>
</ul>
</div>
<div class="col-md-3">
<h5>Follow us</h5>
<div>
<a href="" target="_blank" title="Facebook" class="connect-icon facebook"><i class="fa fa-facebook"></i></a>
<a href="" target="_blank" title="Twitter" class="connect-icon twitter"><i class="fa fa-twitter"></i></a>
<a href="" target="_blank" title="Google+" class="connect-icon google-plus"><i class="fa fa-google-plus"></i></a>
<a href="" target="_blank" title="Blog" class="connect-icon comment"><i class="fa fa-comments"></i></a>
<a href="" target="_blank" title="LinkedIn" class="connect-icon linkedin"><i class="fa fa-linkedin"></i></a>
<a href="" target="_blank" title="YouTube channel" class="connect-icon youtube"><i class="fa fa-youtube"></i></a>
</div>
</div>
</div>
<div class="footer-content row" id="footer-links">
<div class="col-md-12 small muted">
<p class="small muted secondary">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
</footer>
</div>
</div>
</html>
我自己修复了它,将绝对位置添加到页脚基本上做到了。请不要使用引导标签,使用twitter引导,因为它意味着其他东西。请回答您自己的问题,因为离开它将阻塞系统: