Flex, выровнять ссылки в шапке

#html #css #bootstrap #flexbox

как сделать ссылки по горизонтали 
собственно когда добавляю флекс получается вот 




.top-nav_menu {
  display: flex;
}
.top-nav_menu a {
  text-decoration: none;
  padding: 0;
}
.top-nav_menu li {
  list-style: none;
}

  

    

      

        
Tour
        
Features
        
Pricing
      
    
    
    

      
    
    
    

      

        
Help
        
Contacts

        

          
        
      




Не могу разобраться.
    

Ответы

Ответ 1

Нужно добавить display: flex; спискам (ul):



* {
  margin: 0;
  padding: 0;
}

.top-nav_menu>.row {
  display: flex;
  justify-content: space-between;
  background-color: crimson;
}

ul {
  display: flex;
}

.top-nav_menu a {
  text-decoration: none;
  padding: 0;
}

.top-nav_menu li {
  list-style: none;
}

  

    

      

        
Tour
        
Features
        
Pricing
      
    
    
    

      
    
    
    

      

        
Help
        
Contacts