BlazorStyled icon indicating copy to clipboard operation
BlazorStyled copied to clipboard

How to combine Styled with existing classes like those defined in Bootstrap?

Open bryfa opened this issue 4 years ago • 3 comments

.myclass.card {   
    background-color: red;
    .card-title a {
        color: forestgreen;
    }
}

<div class="myclass card">
    <img class="card-img-top" src="https://via.placeholder.com/400" alt="some image">
    <div class="card-body">
        <h5 class="card-title"><a href="#">Title</a></h5>
        <p class="card-text">Text</p>
    </div>
    <div class="card-footer text-muted">

    </div>
</div>

bryfa avatar Sep 26 '20 19:09 bryfa

<Styled @bind-Classname="@StylesClass">
</Styled>

<div class="@($"{StylesClass} bootstrap-class")"/>

is this what you are asking?

qin-guan avatar Sep 29 '20 01:09 qin-guan

@bryfa Did qin-guan's answer help you?

chanan avatar Nov 17 '20 20:11 chanan

Sorry for the late answer. Yes it did help me, thanks!

bryfa avatar Nov 19 '20 11:11 bryfa