【问题标题】:yii Making stylish link buttonyii 制作时尚的链接按钮
【发布时间】:2014-04-21 03:29:57
【问题描述】:

这是一个不错的图标集合,名为 Glyphicons http://getbootstrap.com/components/ 它们就像漂亮的按钮,只是没有超链接。只是鼠标悬停动作。

我想要的是制作带有超链接和此类样式的按钮。 我已经安装了 Bootstrap,所以我可以使用那个 css 类。 问题是按钮的结构有

<ul class='bs-glyphicon-list'><li><span>...</span><span>...</span></li></ul>

如果我使用 yii CHtml 按钮,那么我必须编写如下内容:

CHtml::link(BsHtml::icon(BsHtml::GLYPHICON_PLUS).'some text', 
array('controller/action'), $htmlOptions=array ('class'=>'bs-glyphicon-list'));

问题是额外的 html 选项将被传递给标记本身。 我必须制作 ul+li+span 结。我怎样才能做到这一点?

【问题讨论】:

    标签: jquery html css twitter-bootstrap yii


    【解决方案1】:

    我有点不清楚这里的问题是什么。但是,如果您使用 Chtml::htmlbutton,这应该可以工作。

    <?php echo CHtml::htmlButton('<i class="glyphicon glyphicon-plus"></i> ' . Yii::t('search', 'Search'), array('class'=>'btn btn-primary', 'id'=>'submit-search', 'type'=>'submit')); ?>
    

    但 htmlButton 允许您在纯文本中使用 gliphicons,同时仍将其他 css 和选项传递给它。

    将在文本中呈现带有所选字形图标的引导按钮

    【讨论】:

    • Jonny 谢谢,这几乎就是我想要的。但是如果“搜索”文本应该放在图标下方怎么办?并且图标和文本都必须水平对齐到按钮的中心?
    • 您总是可以将搜索文本存放在 &lt;span&gt; 标记中,然后将 css 类添加到 span 标记,如果需要,还可以添加 &lt;i&gt; 标记,从那里将规则添加到 css为了达成这个。或者我只是尝试过这个:&lt;i class="glyphicon glyphicon-plus"&gt;&lt;/i&gt;&lt;br /&gt; ' . Yii::t('search', 'Search')(添加
      标签。我认为也应该对齐
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-08-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-11-16
    相关资源
    最近更新 更多