高速鐵路工程局-盧苡萱

網站

高速鐵路工程局

姓名

盧苡萱

檢測日期

2018-04-17

檢測裝置

iphone7

作業系統 與 瀏覽器版本

iOS11.2

解析度(手機螢幕)

375x667

是否會自動跳入行動版欄位?

壞掉的連結


跑版(影響閱讀)問題

[color=red]文字跑版[/color]solution


[color=red]圖片跑版[/color]solution


[color=red]圖片太小[/color]solution


[color=red]表格跑版[/color]solution

無法操作的網頁元素(如按鈕不能按、選單不能選等)

出現亂碼

不能用的外掛程式(Flash、ActiveX、Applet、Silverlight、…)

網站載入緩慢(相對一般網站)

閱讀模式

不可以用

其他(無法判斷屬於以上那個分類的都放在這邊)

對此網站建議(非程式問題皆放置這裡)

[color=red]設計簡單清爽[/color]


[color=red]另開新視窗有註明,很棒[/color]


[color=red]中間空一大塊,不知道有什麼作用[/color] (刪掉不知道幹嘛用的div就好)


[color=red]表格窄窄的,字很容易變垂直,有點難閱讀[/color](正常RWD, 可以在外面加overflow: scroll; 並不要強制縮小表格比較直觀)

其實都是正常RWD設計,只是剛好某些地方比較醜一點,要說的話就是table的天生限制吧.
如果要改的話看要不要套bootstrap 或是自己寫css, bootstrap會簡單很多> <

問題:

表格跑版

可能原因:

太擠了

原始程式:

<table class="table table-bordered" border="1" summary="此採購契約表格中,第一直欄是項次,第二直欄是內容要旨,第三直欄是作成或取得時間,第四直欄是保管期間(年), 第五直欄是提供方式(本局網站或公開陳列), 第六直欄是主辦單位(保管場所)。">
<tbody>
<tr valign="top">
<th id="a" style="width: 51px;" headers="a" align="center">
<div align="center">項<br> 次</div>
</th>
<th id="b" style="width: 626.6px;">
<div align="center">內容要旨</div>
</th>
<th id="c" style="width: 164.4px;">
<div align="center">作成或取得時間(年/月/日)</div>
</th>
<th id="d" style="width: 60px;">
<div align="center">保管期間(年)</div>
</th>
<th id="e" style="width: 96px;">
<div align="center">提供方式(本局網站或公開陳列)</div>
</th>
<th id="f" style="width: 78px; text-align: center;">
<div align="center">主辦單位(保管場所)</div>
</th>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">1</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">
<div align="center">九十年度公務車租賃合約</div>
</td>
<td style="width: 164.4px;" headers="c">
<div align="center">89年11月30日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">3年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">公開陳列</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">
<div align="center">秘書室<br> (秘書室)</div>
</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">2</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">
<div align="center">網路設備系統維護合約書</div>
</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年2月20日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">公開陳列</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">
<div align="center">資訊室<br> (資訊室)</div>
</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">3</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">
<div align="center">高速鐵路車輛脫軌行為模式及防範措施之研究</div>
</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年4月18日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">公開陳列</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">
<div align="center">第四組<br> (第四組)</div>
</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">4</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">
<div align="center">「高鐵資訊幹線超寬頻骨幹之通信傳輸方式研究」委託研究計畫</div>
</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年4月26日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">公開陳列</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">
<div align="center">第四組<br> (第四組)</div>
</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">5</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">
<div align="center">「軌道工程系統安全之獨立驗證與認證體系」委託研究計畫</div>
</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年4月26日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">公開陳列</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">
<div align="center">第四組<br> (第四組)</div>
</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">6</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">
<div align="center">「高鐵車站特定區剩餘可建地出租程序之研究」委託研究計畫</div>
</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年4月30日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">公開陳列</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">
<div align="center">第四組<br> (第四組)</div>
</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">7</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">
<div align="center">「高速鐵路牽引動力主變電站設計與越區饋電之影響評估」委託研究計畫</div>
</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年5月3日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">公開陳列</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">
<div align="center">第四組<br> (第四組)</div>
</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">8</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">
<div align="center">軌道運輸系統營運時災害防治制度之研究</div>
</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年5月3日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">公開陳列</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">
<div align="center">第四組<br> (第四組)</div>
</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">9</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">
<div align="center">高速鐵路供電系統在射頻(9K~1GHz)範圍內之電磁干擾量</div>
</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年5月3日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">公開陳列</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">
<div align="center">第四組<br> (第四組)</div>
</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">10</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">
<div align="center">高速鐵路沿線隔音材料之研究</div>
</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年5月18日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">公開陳列</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">
<div align="center">第四組<br> (第四組)</div>
</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">11</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">
<div align="center">九十年度捷成公文製作系統維護合約書</div>
</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年5月23日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">公開陳列</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">
<div align="center">資訊室<br> (資訊室)</div>
</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">12</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">
<div align="center">「民間參與交通建設履約保證制度之研究」委託研究計畫</div>
</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年5月23日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">公開陳列</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">
<div align="center">第四組<br> (第四組)</div>
</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">13</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">
<div align="center">防火牆及網域伺服器等設備維護保養合約書</div>
</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年5月29日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">公開陳列</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">
<div align="center">資訊室<br> (資訊室)</div>
</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">14</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">
<div align="center">「高鐵車站結構型式對振動噪音影響與防制之研究」委託研究計畫</div>
</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年7月11日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">公開陳列</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">
<div align="center">第四組<br> (第四組)</div>
</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">15</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">
<div align="center">高鐵簡訊(NEWS LETTER)編印廠商甄選</div>
</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年7月24日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">5年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">公開陳列</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">
<div align="center">秘書室<br> (秘書室)</div>
</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">16</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">
<div align="center">「捷運系統與道路系統共構研究」委託研究計畫</div>
</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年7月24日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">公開陳列</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">
<div align="center">第四組<br> (第四組)</div>
</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">17</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">九十年度員工工作服徵選</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年8月23日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">3年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">公開陳列</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">
<div align="center">秘書室<br> (秘書室)</div>
</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">18</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">「高速鐵路樹林、後龍及橋頭等三個GPS監控站工程委託設計監造」服務工作</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年8月28日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">公開陳列</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">第四組<br>(第四組)</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">19</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">高鐵工程施工影像監視系統建構研究</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年8月30日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">公開陳列</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">第四組<br>(第四組)</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">20</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">「高速鐵路樹林、後龍及橋頭等三個GPS監控站工程委託設計監造」契約</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年9月3日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">
<p>公開陳列</p>
</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">第四組<br>(第四組)</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">21</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">九十年度個人數位助理(PDA)採購合約書</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年11月5日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">
<p>公開陳列</p>
</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">資訊室<br>(資訊室)</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">22</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">新版用地產籍管理資訊系統開發案</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年11月9日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">
<p>公開陳列</p>
</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">資訊室<br>(資訊室)</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">23</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">「高速鐵路沿線九十一年度彩色無拉縫正射像片圖製作」委託技術服務工作</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年11月15日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">
<p>公開陳列</p>
</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">第四組<br>(第四組)</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">24</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">小客車九十一年度租車</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年11月27日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">3年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">
<p>公開陳列</p>
</div>
</td>
<td style="width: 78px; text-align: center;" headers="f"><span>秘書室</span><br><span>(秘書室)</span></td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">25</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">九十一年委託晒印工程圖(第二原圖)及影印報告文件資料</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年11月28日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">3年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">
<p>公開陳列</p>
</div>
</td>
<td style="width: 78px; text-align: center;" headers="f"><span>秘書室<br>(秘書室)</span></td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">26</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">台中都會區大眾捷運系統優先路線規劃綜合顧問服務</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年11月30日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">
<p>公開陳列</p>
</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">第四組<br>(第四組)</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">27</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">網路防火牆昇級暨防護入侵掃描配套系統設備採購合約書</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年12月4日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">
<p>公開陳列</p>
</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">資訊室<br>(資訊室)</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">28</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">九十年度繪圖列表設備採購含約書</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年12月5日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">
<p>公開陳列</p>
</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">資訊室<br>(資訊室)</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">29</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">「陸軍湖口基地燒炭窩溪訓練場一○五裝甲車靶場遷建工程設計及監造」委託技術服務</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年12月7日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">
<p>公開陳列</p>
</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">第四組<br>(第四組)</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">30</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">九十年度電腦軟體採購合約書</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年12月10日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">
<p>公開陳列</p>
</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">資訊室<br>(資訊室)</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">31</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">電腦機房機架及網路線更新改善設備採購合約書</td>
<td style="width: 164.4px;" headers="c">
<div align="center">90年12月11日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">
<p>公開陳列</p>
</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">資訊室<br>(資訊室)</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">32</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">九十一年度電腦個人電腦及週邊設備暨長駐工程師維護合約</td>
<td style="width: 164.4px;" headers="c">
<div align="center">91年1月1日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">
<p>公開陳列</p>
</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">資訊室<br>(資訊室)</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">33</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">防火牆及伺服器主機網路設備、網路骨幹交換器及備援系統等維護合約書</td>
<td style="width: 164.4px;" headers="c">
<div align="center">91年1月1日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10年</div>
</td>
<td style="width: 96px;" headers="e">
<div align="center">
<p>公開陳列</p>
</div>
</td>
<td style="width: 78px; text-align: center;" headers="f">資訊室<br>(資訊室)</td>
</tr>
<tr valign="top">
<td style="width: 51px;" headers="a" align="center">
<div align="center">34</div>
</td>
<td style="width: 626.6px;" headers="b" align="center">關聯式資料庫及開發工具軟體維護合約書</td>
<td style="width: 164.4px;" headers="c">
<div align="center">91年1月1日</div>
</td>
<td style="width: 60px;" headers="d">
<div align="center">10</div>
</td>
...
</tbody>
</table>

建議修改:

<td> 的部分直接加nowrap並在<div>加overflow: scroll;比較直觀

補充

結尾(選填,可增加網站建議)

問題:

跑版

可能原因:

圖片部分有些會跑掉有些不會,不小的為什麼不全部都用bootstrap就好
應該是忘記寫了,把他們加回去就好

原始程式:

<li>青埔機廠和蘆竹機廠內亦配置專用的機廠控制中心(Depot Control Centre,DCC),負責執行機廠運轉的遠端控制和監視,惟也能由OCC進行控制。
<div align="center"><a class="pop_image" title="點擊圖片放大-機廠控制中心" href="/public/upimgs/C03/image122_B.jpg"><img class="img-thumbnail" src="/public/upimgs/C03/image122.jpg?1499913793735" alt="機廠控制中心" width="544" height="274" hspace="40" vspace="20"></a></div>
<p class="imgtxt">機廠控制中心</p>
</li>

建議修改:

<li>行控中心(Operations Control Centre,OCC)位於青埔機廠內,配置獨立、完整之設備,負責執行本捷運系統的遠端控制和監視。
<div class="row">
<div class="col-sm-6 text-center"><a class="pop_image" title="點擊圖片放大-行控中心" href="/public/upimgs/C03/image121-1.jpg"><img class="img-thumbnail" src="/public/upimgs/C03/image121-1.jpg?1502452591689" alt="行控中心" width="95%"></a></div>
<div class="col-sm-6 text-center"><a class="pop_image" title="點擊圖片放大-行控中心-號誌系統" href="/public/upimgs/C03/image121-2.jpg"><img class="img-thumbnail" src="/public/upimgs/C03/image121-2.jpg?1502452628329" alt="行控中心-號誌系統" width="95%"></a></div>
</div>
<div class="col-sm-12 text-center">
<p class="imgtxt" align="center">行控中心</p>
</div>
</li>

連結超出頁面的部分,請勿把<a>寫在<p>裡面

補充

結尾(選填,可增加網站建議)