I think this is just a custom css class to highlight the examples, i.e., set background color and borders, on the documentation pages.

    .bd-highlight {
        background-color: rgba(86,61,124,0.15);
        border: 1px solid rgba(86,61,124,0.15);
    }

bd = Bootstrap Documentation?


How can I create an AWS ECR repository if it doesn&#39;t already exist?

Create AWS ECR repository if it doesn&#39;t exist

I want to create a circle image where the image is fetched from the network and is also cached in Flutter.

Here is a code I found for a round image fetched from the network but the image not being cached.

    new Container(
        width:80.0,
        height: 80.0,
        decoration: new BoxDecoration(
        shape: BoxShape.circle,
            image: new DecorationImage(
                image: new NetworkImage(&#39;https://pbs.twimg.com/profile_images/945853318273761280/0U40alJG_400x400.jpg&#39;),
            ),
        ),
    ),

Now I found a widget for fetching, caching and presenting a image from the network 

    new CachedNetworkImage(imageUrl: &#39;https://pbs.twimg.com/profile_images/945853318273761280/0U40alJG_400x400.jpg&#39;)

But when I replace the NetworkImage widget with this CachedNetworkImage, it gives me an error saying the NetworkImage is not type image. 

How can I achieve a round image that can be cached?


Edited:
I tried this as suggested in the answer, but still got the same error: The argument type &#39;CachedNetworkImage&#39; can&#39;t be assigned to the parameter type &#39;DecorationImage&#39;.

                  decoration: new BoxDecoration(
                    shape: BoxShape.circle,
                    image: new CachedNetworkImage(image: 
                          &#39;https://pbs.twimg.com/profile_images/945853318273761280/0U40alJG_400x400.jpg&#39;),
                  ),


Create rounded cached image in Flutter

On the bootstrap 4.1 documentation page for [flexbox][1], there are several examples where the class `bd-highlight` is used. For example:

    &lt;div class=&quot;d-flex p-2 bd-highlight&quot;&gt;I&#39;m a flexbox container!&lt;/div&gt;

What is the use of `bd-highlight`?   
There doesn&#39;t seems to be any documentation for this class.


  [1]: https://getbootstrap.com/docs/4.1/utilities/flex/#enable-flex-behaviors

What is bd-highlight in Bootstrap 4.1?

On the bootstrap 4.1 documentation page for <a href="https://getbootstrap.com/docs/4.1/utilities/flex/#enable-flex-behaviors" target="_blank" rel="noopener noreferrer">flexbox</a>, there are several examples where the class <code>bd-highlight</code> is used. For example:
<pre><code class="hljs language-css">&#x3C;div class="d-flex p-2 bd-highlight">I'm a flexbox container!&#x3C;/div>
</code></pre>
What is the use of <code>bd-highlight</code>? 
There doesn't seems to be any documentation for this class.

How do you align Bootstrap 5 navbar items to the right?  In Bootstrap 3 it&#39;s `navbar-right`.  In Bootstrap 4 it&#39;s `ml-auto`. But not work for Bootstrap 5.

Content Type	Original Author	Original Content on Stackoverflow
Question	John	View Question on Stackoverflow
Solution 1 - Twitter Bootstrap	David Liang	View Answer on Stackoverflow

What is bd-highlight in Bootstrap 4.1?

Twitter Bootstrap Problem Overview

Twitter Bootstrap Solutions

Solution 1 - Twitter Bootstrap

Create rounded cached image in Flutter

Create AWS ECR repository if it doesn't exist

Attributions