Bootstrap:左对齐按钮文本
Del*_*lon 26 html css twitter-bootstrap twitter-bootstrap-3
如何在引导按钮内将文本对齐到左侧？我有多个按钮,文本长度不一,所有按钮都需要有相同的宽度.我用这个课实现了这一点col-xs-11.
示例按钮代码如下:
<input type="button" value="Applicant/Subsidiary" id="mybutton" name="test" class="primary-btn col-xs-11">
除了bootstrap提供的内容之外,是否可以在不创建自定义样式的情况下实现此目的？我正在使用Bootstrap v3.0.1
bar*_*ard 24
问题不在于如何将CSS文本对齐到左侧,原始帖子询问是否有引导类名称适用于它.
.text-left有效,但问题是有一个比text-left强的.btn,我认为这是bootstrap需要考虑的事情.
查看此屏幕截图,我在Bootstrap的网站上使用Chrome检查进行了测试.
在我的Chrome中,我在演示按钮上添加了"text-left",这就是结果.因此,有重要的!
.text-left {
text-align: left !important;
}
- 正是我所看到的问题.屏幕截图+1 :-) (4认同)
Sas*_*asa 16
只需添加text-left课程
<input type="button" value="Applicant/Subsidiary" id="mybutton" name="test" class="primary-btn col-xs-11 text-left">
- 使用 Bootstrap 5.X，您需要使用 **text-start** 将其左对齐，或右对齐 **text-end** (11认同)
kon*_*nzo 12
或者使用内联样式,如果只有一个按钮
style="text-align:left; padding-left:6px"
您可以以正常方式应用css,而不是使用其他类.
/*specific button*/
#mybutton {
text-align: left;
}
/*all input that have type button*/
input[type='button'] {
text-align: left;
}