一、代碼
在技術部落格文章類頁面的開發中，常常需要在文本總插入說明代碼，使用code便簽可以建立這種效果，示例如下：
<p>code标簽用于在文本中插入代碼</p>
<div>定義變量a:<code>int a = 3; </code></div>
效果如下：
kbd标簽可以用來提示進行鍵盤輸入，示例如下：
<p>kbd标簽可以建立使用者鍵盤輸入的效果</p>
<div>使用鍵盤上的<kbd>control</kbd>+<kbd>v</kbd>來進行文本的粘貼</div>
效果：
可以使用pre标簽來進行成段代碼的插入，同時可以使用pre-scrollable類來将代碼塊修飾為可滾動的，示例如下：
<pre class="pre-scrollable">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css" />
<title<代碼與表格</title>
</head>
</pre>
除了上面描述的标簽和類外，一般情況下，程式中的變量會以斜體來顯示，也可以使用var标簽來包裹，程式輸出結果可以使用samp标簽來包裹。
二、表格
為H5标簽table添加table類可以使用Bootstrap定義的表格樣式，示例如下:
<p>使用table标簽添加table類可以進行表格的建立</p>
<table class="table">
<thead>學生表</thead>
<tr>
<th>班級</th>
<th>姓名</th>
<th>年齡</th>
</tr>
<th>3年1班</th>
<th>jaki</th>
<th>24</th>
</table>
為表格添加tabke-striped類可以實作斑馬紋樣式的表格，示例如下：
<p>使用table-striped類可以為表格添加斑馬紋</p>
<table class="table table-striped">
<th>3年2班</th>
<th>Annay</th>
<th>22</th>
Bootstrap預設的清單樣式是不帶邊框的，可以使用table-bordered類來為清單添加邊框，示例如下：
<p>使用table-boardered類可以為表格添加邊框</p>
<table class="table table-striped table-bordered">
使用table-hover類修飾的清單，當滑鼠懸停時會有高亮效果，示例如下：
<p>使用table-hover類修飾的清單，當滑鼠懸停時 會有高亮效果</p>
<table class="table table-hover">
使用.table-condensed類可以是預設的清單padding減半。
對于行标簽tr與清單前th，開發者也可以使用如下類來修飾，為其指定狀态：
.active類：将此行或者此列标記為高亮狀态。
.success類：将此行或者此列标記為成功狀态。
.info類：将此行或者此列标記為詳情狀态。
.warning類：将此行或者此列标記為警告狀态。
.danger類：将此行或者此列标記為危險狀态。
示例代碼如下：
<p>為清單設定狀态</p>
<table class="table table-hover table-condensed">
<tr class="active">
<tr class="success">
<tr class="info">
<th>CJ</th>
<th>19</th>
<tr class="warning">
<th class="danger">Annay</th>
清單元素也可以包裹在table-responsive類内，此時清單會變成響應式清單，當螢幕尺寸小于768px時，會自動出現水準滾動條。