您的位置：首页 > Web前端 > BootStrap

Bootstrap 表头及响应式

2017-02-21 11:35 190 查看 
记住：所有的JavaScript插件都依赖jQuery库Bootstrap定义的全局 
font-size
 是 14px，
line-height
 是 20px
头：
<!DOCTYPE html>
<html lang="en">
...
</html>
模板： <!DOCTYPE html>  //必写
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> //响应式移动设备
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">//引用bt的css
</head>
<body>
<h1>Hello, world!</h1>
<script src="http://code.jquery.com/jquery.js"></script>//依赖jquery库，引用jq的js
<script src="js/bootstrap.min.js"></script>//引用bt的js
</body>
</html>
响应式：通常都是围绕着 
min-width
 和 
max-width
 这两者。
/* 大屏幕 */
@media (min-width: 1200px) { ... }

/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) { ... }

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) { ... }

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) { ... }
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                bootstrap
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航