Hello,


I tried to create dropdown button using 2 separate button and style them so they look jointed with each other, and for the most part it works nicely on my browser.

However the buttons would look like the picture below upon resizing my browser to mobile view.

Does anyone know how to resize the top button (the one that says Save) on mobile so it will accommodate some space for the button with the caret icon?



Thank You,


Yosua

Hi Yosua,

Please try to put both item in one container and provide fixed width in col.


Regards

Rahul

Hi,

Try to create a class that makes everything inside the same container. Don't do CSS inline. Try to put everything inside the same Div, and see how it looks. The answer to your question is vague, there are several ways to achieve what you want.

Cheers

Hello guys,


I have tried to put the 2 buttons inside the same container, 

but alas it is still displaying the 2 buttons on a separate line for each one 



Yosua

Yosua Witantra wrote:

Hello guys,


I have tried to put the 2 buttons inside the same container, 

but alas it is still displaying the 2 buttons on a separate line for each one 



Yosua

 

 Hi Yosua,

1.buttoncontainer is full widht mean 12 col

2.btnprimary is inside div set widht 10 col

3.btncaret is inside buttoncontainer set width 2 col


Hope this will help you

Regards

Rahul Sahu