1 Replies - 461 Views - Last Post: 29 August 2017 - 11:34 AM

#1 mrapi  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 27
  • Joined: 27-November 13

How to wrap text inside bootstrap button without changing button size?

Posted 09 August 2017 - 07:23 AM

I'm trying to wrap or resize text inside bootstrap button without changing button size.I have couple buttons that must be aligned

I've used this class,text is wrap but button grows in size affecting the alignment with other buttons

.btn-wrap-text {
    white-space: normal !important;
    word-wrap: break-word !important;
}

There is sample code,just resize the view: https://jsfiddle.net/mrapi/3yv314dx/1/

thanks

Is This A Good Question/Topic? 0
  • +

Replies To: How to wrap text inside bootstrap button without changing button size?

#2 natejms  Icon User is offline

  • New D.I.C Head

Reputation: 5
  • View blog
  • Posts: 8
  • Joined: 26-July 17

Re: How to wrap text inside bootstrap button without changing button size?

Posted 29 August 2017 - 11:33 AM

Wrapping the text will always make your button bigger. You might want to try and use a @media query to decrease the font size on smaller devices.
Was This Post Helpful? 1
  • +
  • -

Page 1 of 1