How do I not show the image or resize it when the screen size is smaller using bootstrap?

Asked Apr 21 '21 at 18:18

Active Apr 21 '21 at 18:21

Viewed 19 times

<td scope="row">
   <button className="btn btn-link " onClick={onUserClick}>
      <ProfileImageAndBasicInfo
         profileImageProps={profileImageAndBasicInfoProps.profileImageProps}
         basicInfoProps={profileImageAndBasicInfoProps.basicInfoProps}>
   </button>

I have tried using bootstrap to button className but it only works when using d-none but this hides the whole content. I just want to show the basicInfoProps when the screen is xs.

edited Apr 21 '21 at 18:21

Sachith Wickramaarachchi

4,467
5
34
57

asked Apr 21 '21 at 18:18

quiteAbeginner

https://stackoverflow.com/questions/35351353/missing-visible-and-hidden-in-bootstrap-v4 – epascarello Apr 21 '21 at 18:23
Hey, thanks, but where do I write the bootstrap? – quiteAbeginner Apr 21 '21 at 18:35
So change the ProfileImageAndBasicInfo to render that way – epascarello Apr 21 '21 at 19:11

How do I not show the image or resize it when the screen size is smaller using bootstrap?

0 Answers0