在bootstrap中有<hr />,是否有类似的东西,但对于垂直分隔线?

时间:2015-02-19 20:36:37

标签: html css twitter-bootstrap

我正在努力完成这样的事情

enter image description here

我知道使用bootstrap可以使用<hr>进行水平分割,我需要制作一个垂直分割器,是否有类似的东西或者我必须使用CSS?

1 个答案:

答案 0 :(得分:2)

在这种情况下,“更多”和“我的帐户”是DIV个或其他block-type元素。 给它们相同的css类并应用以下样式:

.sideborders {
    border-width: 1px 2px 1px 1px;
    border-style: solid;
    border-color: #cccccc;
    margin: 0px;
    float: left;
    min-width: 100px;
    height: 25px;
    text-align: center;
}

http://jsfiddle.net/ozoov8f9/示例,根据您的喜好调整div内容。

使用它,或border-width: 0px 1px 0px 1px;