Bootstrap4学习笔记+练习

1、导航栏内容居右：ml-auto；导航栏内容居左：mr-auto；

 

附上未完成的练习。。

 

    
    
    
    
    
    
    


    

	  
		
			
		

		
		
			
		
		
		
		

			

			  

			      网站首页
			  
			  

			      关于我们
			  
			  

			      新闻资讯
			  
			  

			      产品中心
			  
			  

			      技术专区
			  
			  

			      留言中心
			  
			  

			      联系我们
			  
			
		
 
	

 

 

/*********************导航栏部分************************/
.navbar{
    padding-left: 7%;
    padding-right: 7%;
}
.navbar-nav {
    /*margin-left: 31%;*/
}
.bg-light {
    background: linear-gradient(to bottom,#F2F2F2 0%,#bbb 100%);
}
.navbar-light .navbar-nav .nav-link {
    color: #333333;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #da3600;
}
.nav-item {
    margin: 0 6px;
}