Bootstrap之Footer页尾布局（2015年05月28日）

来源：网络整理时间:2015-05-28 关键词:

低调看体育直播本篇文章主要介绍了"Bootstrap之Footer页尾布局（2015年05月28日）"，主要涉及到方面的内容，对于HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下：直接上页尾部分的代码：

...

直接上页尾部分的代码：



    
        
            
                
                    Subscribe

                    
                        Newsletter

                        RSS feed

                        RSS to Email

                        Product Hunt

                        Twitter

                        Facebook

                        Pinterest

                        Google+

                    

                

                
                    BROWSE

                    
                        Home

                        Gallery

                        Templates

                        Resources

                        OPL Themes

                    

                

                
                    INFORMATION

                    
                        About

                        Why One Page?

                        OPL Blog

                        Product Hunt

                        Advertise

                        Submit

                        Award Ribbons

                        Roadmap

                    

                

                
                    RESOURCES

                    
                        Browse All

                        Design

                        Development

                        Hosting

                        Round Ups

                        Tutorials

                    

                

                
                    TRENDING

                    
                        Big Typography

                        Free Templates

                        Most Loved

                        Centrally Divided

                        Skrollr.js

                        Parallax Scrolling

                        Off-Canvas Menu

                        Molecules

                    

                

                
                    OPL THEMES

                    
                        Browse All

                        East Java

                        Clutterless

                        Mapped

                    

                

            

        

        
        
            
                
                    
                
            

            
                
                    
                
            

            
                
                    
                
            

            
                
                    
                
            

            
                
                    
                
            

        

        
            Copyright ©2015 Dreyer

部分样式是用less写的，同样帖上来

.foot-wrap{

	background-color: #373f48;

	margin-top:80px;

 .row-content{

 >h3{

		color:#DDD;

		font-size:16px;

		font-weight: 300;

		line-height: 16px;

		margin:40px 0 30px 34px;

>ul{

	font-size:13px;

	line-height:24px;

	>li{

		list-style:none;

>a{

		color:#878B91;

		&:hover{

		text-decoration:none;

		color:#c1ba62;

 ul.social{

margin:0;

padding:0;

width:100%;

text-align:center;

> li{

	display:inline-block;

	> a{

		display:inline-block;

		font-size:18px;

		line-height:30px;

		.square(30px);

		border-radius:36px;

		background-color:@gray-light;

		color:#fff;

		margin:0 3px 3px 0;

		&:hover{

		text-decoration:none;

		background-color:@link-hover-color;

最后的效果是这样的

大屏显示：

中屏显示：

小屏显示：

备注：由于有直接修改过bootstrap的源文件样式，所以复制以上代码后，没有达到如图所示的效果可属于正常现象。

以上就介绍了Bootstrap之Footer页尾布局（2015年05月28日），包括了方面的内容，希望对HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播有兴趣的朋友有所帮助。

本文网址链接：http://www.codes51.com/article/detail_138300.html

上一篇：css3 border-radius 下一篇：ScriptManager控件的使用

Bootstrap之Footer页尾布局（2015年05月28日）

相关图片

相关文章