Breaking News: Grepper is joining You.com. Read the official announcement!

flex-shrink-0 bootstrap

ÁLVARO DE JESÚS SÁNCHEZ PAREJA answered on February 23, 2023 Popularity 8/10 Helpfulness 5/10

answer flex-shrink-0 bootstrap

flex-shrink-0 bootstrap

Comment

<div class="d-flex text-white">
  <div class="p-2 w-100 bg-primary">Flex item</div>
  <div class="p-2 flex-shrink-0 bg-success">Flex item</div>
</div>

<div class="d-flex text-white mt-2">
  <div class="p-2 w-100 bg-warning">Flex item</div>
  <div class="p-2 flex-sm-shrink-0 bg-danger">Flex item</div>
  <div class="p-2 flex-md-shrink-0 bg-warning">Flex item</div>
  <div class="p-2 flex-lg-shrink-0 bg-danger">Flex item</div>
  <div class="p-2 flex-xl-shrink-0 bg-warning">Flex item</div>
</div>Copy code

flex

Popularity 8/10 Helpfulness 5/10 Language whatever

Source: bootstrapshuffle.com

Tags: whatever

Link to this answer
Share Copy Link