如何更改html文件中的bootstrap数据颜色属性

时间:2017-08-11 12:00:18

标签: jquery html css twitter-bootstrap colors

我正在制作模板并希望更改以下div的背景颜色:
<div class="sidebar" data-active-color="blue" data-background-color="wihte">我注意到我只能在{{1}的黑白之间切换属性。
除了白色和黑色之外的所有其他颜色选择都会恢复为默认的白色。
如何将此颜色更改为我选择的颜色(在这种情况下为绿色)?

2 个答案:

答案 0 :(得分:0)

&#13;
&#13;
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="sidebar" style="background: green;">TEXT </div>

<br/>

<div class="sidebar bg-success" >TEXT </div>
&#13;
&#13;
&#13;

我相信不能这样做。但是,您可以向其添加bg-success课程或style="background: green;" 另请查看:http://bootstrap-colorselector.flaute.com/

答案 1 :(得分:0)

什么类型的活动?应该何时改变颜色?

<ComboBox x:Name="Right" HorizontalAlignment="Left" Margin="326,47,0,0" VerticalAlignment="Top" Width="120">
    <ComboBox.Style>
        <Style TargetType="ComboBox">
            <Style.Triggers>
                <DataTrigger Binding="{Binding ElementName=Left, Path=SelectedItem.Content}" Value="Uno">
                    <Setter Property="Visibility" Value="Hidden"></Setter>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ComboBox.Style>
</ComboBox>