Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.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
Html 如何将Glypicon定位在引导按钮的左侧?_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 如何将Glypicon定位在引导按钮的左侧?

Html 如何将Glypicon定位在引导按钮的左侧?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,此代码将左箭头定位在文本的右侧。我更喜欢将字形图标放在左侧 <button class="btn primary btn-lg" style="width:100%" > This way <span class="glyphicon glyphicon-arrow-left" style="align:left"></span> </button> 这边 感谢您的帮助显示字形图标的是span。将span放在文本前面的第一个位置,然后

此代码将左箭头定位在文本的右侧。我更喜欢将字形图标放在左侧

<button class="btn primary btn-lg" style="width:100%" >
    This way <span class="glyphicon glyphicon-arrow-left" style="align:left"></span>
</button>

这边

感谢您的帮助显示字形图标的是
span
。将
span
放在文本前面的第一个位置,然后将其放置在左侧,如下所示:

<button class="btn primary btn-lg" style="width:100%" >
    <span class="glyphicon glyphicon-arrow-left style="align:left" "></span>
    This way
</button>

这边

显示字形图标的是
span
。将
span
放在文本前面的第一个位置,然后将其放置在左侧,如下所示:

<button class="btn primary btn-lg" style="width:100%" >
    <span class="glyphicon glyphicon-arrow-left style="align:left" "></span>
    This way
</button>

这边

首先,
宽度:100%
在引导中是无用的。您应该使用
col-lg-12
col-md-12
col-sd-12
col-xs-12
,这将使元素具有100%的宽度

其次,要将图标放在左侧,必须先在按钮中放置
span
标记,如下所示:

<button class="btn primary btn-lg col-lg-12"><span class="glyphicon glyphicon-arrow-left style="align:left" "></span> This way</button>
这边

首先,
宽度:100%
在引导中是无用的。您应该使用
col-lg-12
col-md-12
col-sd-12
col-xs-12
,这将使元素具有100%的宽度

其次,要将图标放在左侧,必须先在按钮中放置
span
标记,如下所示:

<button class="btn primary btn-lg col-lg-12"><span class="glyphicon glyphicon-arrow-left style="align:left" "></span> This way</button>
这边

我认为css中没有名为align的属性。对内联元素使用
text align
。或者
float
left/right用于元素,而
overflow:hidden
用于父级/clearfix hack,或者使用
justify content:flext start
我认为css中没有名为align的属性。对内联元素使用
text align
。或
float
left/right用于元素,而
overflow:hidden
用于父级/clearfix hack,或使用
justify content:flext start
span
放在文本之前。“align”属性是不必要的(正如所指出的,这不是一件事:)


这边
JSFiddle:


文档:

只需将
span
放在文本之前。“align”属性是不必要的(正如所指出的,这不是一件事:)


这边
JSFiddle:


文档:

首先放置图标,然后放置文本<代码>这种方式谢谢,但它不起作用请参见@hankd123的jsfiddle抱歉,它起作用了。我只看到你答案的一部分。谢谢,先放图标,然后放文字<代码>这种方式谢谢,但它不起作用请参见@hankd123的jsfiddle抱歉,它起作用了。我只看到你答案的一部分。谢谢你,汉克,汉克。它工作得很好。当我读到解决方案时,我有点羞愧,因为这是显而易见的。谢谢汉克。它工作得很好。当我读到解决方案时,我有点不好意思,因为这是显而易见的。谢谢你的建议。我把引导按钮放在桌子的一个单元格里。这张桌子在模态窗口中。谢谢你的建议。我把引导按钮放在桌子的一个单元格里。此表位于模式窗口中。