Bootstrap 4 align elements right inside a col div

Question

My question is pretty simple but I don\'t find a proper way (I mean not use absolute positionning of sub elements inside a relative position container) to achieve this in Bo

Answer 1

Use ml-auto to push the buttons to the right...

https://codepen.io/anon/pen/evbLQN

    

      
         Creation
      
         Report
    

Another option is to remove the btn-group from the col-md-4, and then float-right will work as expected. The pull-right class was replaced by float-right in Bootstrap 4.

  
Applications portfolio

  

    

      
         Creation
      
         Report
    
  

---

PS - To prevent the horizontal scrollbar visible in your Codepen, make sure the .row is placed inside a container-fluid. Also, generally col-* are used to contain content, and shouldn't be applied to other components/elements. So, for example if you wanted to use the btn-group..

    

        

            
Applications portfolio
        
        

            

                
                     Creation
                
                     Report
            
        
    

http://www.codeply.com/go/8OYDK5D8Db

---

Related: Right align element in div class with bootstrap 4