你必須使用Bootstrap嗎？這是一個基本的HTML / CSS示例，用于獲取不使用任何Bootstrap的外觀：

HTML：

Rich Media Ad ProductionWeb Design & DevelopmentMobile Apps DevelopmentCreative DesignWeb AnalyticsSearch Engine MarketingSocial MediaQuality Assurance

CSS：

.box-content {

display: inline-block;

width: 200px;

padding: 10px;

}

.bottom {

border-bottom: 1px solid #ccc;

}

.right {

border-right: 1px solid #ccc;

}

更新

如果您必須使用Bootstrap，這里是一個半響應的示例，可以實現相同的效果，盡管您可能需要編寫一些其他媒體查詢。

HTML：

Rich Media Ad ProductionWeb Design & DevelopmentMobile Apps DevelopmentCreative DesignWeb AnalyticsSearch Engine MarketingSocial MediaQuality Assurance

CSS：

.row:not(:last-child) {

border-bottom: 1px solid #ccc;

}

.col-xs-3:not(:last-child) {

border-right: 1px solid #ccc;

}

注意：

請注意，您也可以使用< hr>元素在Bootstrap中插入一個水平分隔線，如果你愿意的話。

總結

以上是生活随笔為你收集整理的html 垂直线代码,html – Bootstrap 3水平和垂直分隔线的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。