Topic: Cant make button rounded with btn-rounded

nafis iman free asked 6 years ago

I tried rounded button but that came out is not rounded

<button type="button" class="btn btn-info btn-rounded">Info</button>

i search btn-rounded class in mdb.min.css but cant find it i use mdb free offline

gideon mrina free answered 4 months ago

Just use rounded-pill it work the same.

chokeul8r free answered 4 years ago

I am using mdbootstrap Pro in a Gatsby project. I have configured my package json to incorporate the Pro version. I cannot get rounded buttons to work even though I am getting btn-rounded in dev tools.

Bartłomiej Malanowski staff commented 4 years ago

How can we reproduce your issue?

Anna Morawska staff answered 5 years ago

Hello Muhammad, did you imported css files into your project, as mentioned here, in 5 min quick start?  You have to add this import statements in src/index.js before the App.js import 'font-awesome/css/font-awesome.min.css'; import 'bootstrap-css-only/css/bootstrap.min.css'; import 'mdbreact/dist/css/mdb.css'; Best, Ania

Muhammad Fahad free answered 5 years ago

hello , i m mdb react but css not loading.

Michal Szymanski staff answered 6 years ago

Hi, .btn-rounded is available in MDB Pro. Best Regards,

nafis iman free commented 6 years ago

Oww... Thanks for answer

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: No