Html 如何使用CSS在引导按钮中添加新行

Html 如何使用CSS在引导按钮中添加新行,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,使用Bootstrap如何使用CSS使按钮的副标题变为新行 我的按钮由按钮文本和按钮字幕组成。按钮字幕位于小标签中 我不想使用HTMLBR,我一直在尝试用CSS来实现这一点 使用BR 将css更改为: #option_button small { display: block; } 将css更改为: #option_button small { display: block; } 一个选项是添加到父元素 这样做,HTML中的新行将得到尊重 保留空格序列,仅在源代码中的换行

使用Bootstrap如何使用CSS使按钮的副标题变为新行

我的按钮由按钮文本和按钮字幕组成。按钮字幕位于小标签中

我不想使用HTMLBR,我一直在尝试用CSS来实现这一点

使用BR 将css更改为:

#option_button small {
    display: block;
}
将css更改为:

#option_button small {
    display: block;
}

一个选项是添加到父元素

这样做,HTML中的新行将得到尊重

保留空格序列,仅在源代码中的换行符和

元素处断行

#选项_按钮{
空白:预处理;
}

按钮文本
这是按钮的子标题

一个选项是添加到父元素

这样做,HTML中的新行将得到尊重

保留空格序列,仅在源代码中的换行符和

元素处断行

#选项_按钮{
空白:预处理;
}

按钮文本
这是按钮的子标题

谢谢你的帮助,我在我的小提琴上试过了谢谢你的帮助,我在我的小提琴上试过了这也是一个很好的答案,Trevers的答案在我的解决方案中实现得更快(通过1行:),但在查看示例输出后,我现在可以看到发生了什么。当使用pre时,我假设字体是mono spacedal,所以这是一个很好的答案,Trevers的答案在我的解决方案中实现得更快(1行:),但在查看示例输出后,我现在可以看到发生了什么。使用pre时,我假设字体是单间距的
#option_button small {
    clear:left;
}
#option_button small {
    display: block;
}