如何使用CSS垂直显示Bootstrap按钮标签？

Question

我想以下列方式显示引导按钮标签 -

取值

û

乙

中号

我

Ť

现在我有以下代码 -

<button name="form-submit" id="book-button" class="btn btn-primary btn-responsive btn btn-primary" type="submit">SUBMIT</button>

此代码显示“SUBMIT”。

如何垂直显示按钮标签的每个字符？

提前致谢。

Answer 1

你需要在每个字母后留出空格：S U B M I T

也添加css：

.btn-primary {
    float: left;
    white-space: normal;
    width: 15px;
}

Demo