yii2 用 bootstrap 给元素添加背景色

我不是女神ヾ 2021-09-30 10:04 194阅读 0赞

**使用 bootstrap 给元素添加背景色**

**1、bootstrap 官网：**[http://getbootstrap.com/][http_getbootstrap.com]

**2、bootstrap 中文官网：**[http://v3.bootcss.com/][http_v3.bootcss.com]

<?= GridView::widget([
            'dataProvider' => $dataProvider,
            'filterModel' => $searchModel,
            'columns' => [
                [
                    'attribute' => 'status',
                    // 使用匿名函数添加 css 样式
                    // bg-danger 这个样式在 bootstrap 中文官网 -> 全局 css 样式 -> 辅助类 -> 情景背景色
                    'contentOptions' => function($model){
                        return ($model -> status == 1) ? ['class' => 'bg-danger'] : [];
                    },
                ],
            ],
        ]); ?>

**注：本文为作者（44106-kangaroo） 看完魏羲教你学Yii2.0 视频后所记，如有转载请注明出处：**[http://www.cnblogs.com/chrdai/p/7994471.html][http_www.cnblogs.com_chrdai_p_7994471.html][  
][Link 1]

转载于:https://www.cnblogs.com/chrdai/p/7994471.html

[http_getbootstrap.com]: http://getbootstrap.com/
[http_v3.bootcss.com]: http://v3.bootcss.com/
[http_www.cnblogs.com_chrdai_p_7994471.html]: http://www.cnblogs.com/chrdai/p/7994471.html
[Link 1]: http://www.cnblogs.com/chrdai/p/7988679.html

发表评论取消回复

表情：

评论列表（有 0 条评论，194人围观）

还没有评论，来说两句吧...

相关阅读

相关用Python给PDF文档设置背景色或背景图

本文演示如何使用Python为PDF文档设置背景色或背景图。

ゝ一纸荒年。/ 2024年05月01日 03:30/ 0 赞/ 86 阅读

相关 WPF——给button添加背景图片

只是想做一个很简单的图片按钮而已，不需要那么复杂。 =============================================================

曾经终败给现在/ 2024年04月06日 10:25/ 0 赞/ 88 阅读

相关 CSS给元素添加背景色

`background-color`属性可以设置元素的背景颜色。元素的背景是元素的总大小，包括填充和边界（但不包括边距）。 ![在这里插入图片描述][f8e65e54

╰+攻爆jí腚メ/ 2024年03月29日 16:02/ 0 赞/ 105 阅读

相关 Bootstrap-table修改行的背景色

1、修改行的背景色伪代码 rowStyle:function(row,index){ var classes = ['

刺骨的言语ヽ痛彻心扉/ 2023年01月14日 14:58/ 0 赞/ 130 阅读

相关 echarts 柱状图添加背景色/阴影色（react）

![效果][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dk

深藏阁楼爱情的钟/ 2022年12月26日 09:22/ 0 赞/ 427 阅读

相关 esayui给datagrid添加背景图片

1.easyui有一个给每行设置背景色的方法，这用这个方法，将每一行都设置成透明。要注意ie兼容问题 2. 给要设置背景图片的table外层加一个div,并给此div设置背景

本是古典何须时尚/ 2022年07月24日 12:07/ 0 赞/ 352 阅读

相关 MFC 给对话框添加图片背景

在windows开发当中做界面的主要技术之一就是使用MFC，通常我们看到的QQ,360,暴风影音这些漂亮的界面都可以用MFC来实现。今天我们来说一下如何用MFC美化对话框，默认

短命女/ 2022年05月09日 13:58/ 0 赞/ 418 阅读

相关 JAVAF给页面添加背景音乐

非常简单的一个例子我的业务场景是点击页面中的菜单栏中某个菜单时，播放背景音乐，切换其他菜单时关闭音乐 FXML页面的button绑定后台controller代码就不写

亦凉/ 2022年02月25日 19:46/ 0 赞/ 355 阅读

相关 yii2 用 bootstrap 给元素添加背景色

使用 bootstrap 给元素添加背景色 1、bootstrap 官网：[http://getbootstrap.com/][http_getbootstrap.com]

我不是女神ヾ/ 2021年09月30日 10:04/ 0 赞/ 195 阅读

相关 bootstrap table 设置行背景色

先看一个例子： <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.m

Bertha 。/ 2021年06月22日 15:38/ 0 赞/ 547 阅读