Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery yii制作时尚链接按钮_Jquery_Html_Css_Twitter Bootstrap_Yii - Fatal编程技术网

Jquery yii制作时尚链接按钮

Jquery yii制作时尚链接按钮,jquery,html,css,twitter-bootstrap,yii,Jquery,Html,Css,Twitter Bootstrap,Yii,这是一个很好的图标集合caleldGlyphicons 它们就像漂亮的按钮,只是没有超链接。只是鼠标悬停的动作 我想要的是制作带有超链接和类似样式的按钮。 我已经安装了引导,所以我可以使用css类。 问题是按钮的结构有问题 <ul class='bs-glyphicon-list'><li><span>...</span><span>...</span></li></ul> 问题是额外的html选项

这是一个很好的图标集合caleldGlyphicons 它们就像漂亮的按钮,只是没有超链接。只是鼠标悬停的动作

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

<ul class='bs-glyphicon-list'><li><span>...</span><span>...</span></li></ul>
问题是额外的html选项将传递给标记本身。
我必须做ul+li+span连接。我怎样才能做到这一点?

我不太清楚这里的问题是什么。但是如果您使用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')); ?>

Jonny谢谢,这几乎正是我想要的。但如果“搜索”文本应该放在图标下面呢?图标和文本都必须与按钮的中心水平对齐?您可以始终将搜索文本放在
标记中,然后将css类添加到span标记中,如果需要,将
标记添加到css中(如果需要)。或者我刚刚试过:

。Yii::t('search','search')
(添加一个
标记。我认为也应该对齐
<?php echo CHtml::htmlButton('<i class="glyphicon glyphicon-plus"></i> ' . Yii::t('search', 'Search'), array('class'=>'btn btn-primary', 'id'=>'submit-search', 'type'=>'submit')); ?>