HỆ THỐNG LƯỚI BOOTSTRAP

<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="line-height: 20px;"> <span style="font-family: Arial, Helvetica, sans-serif;"><i>Xin chào các bạn hôm nay mình muốn chia sẻ với các bạn, cách sử dụng hệ thống lưới trong bootstrap.</i></span><br /> <span style="font-family: Arial, Helvetica, sans-serif;"><i><br /> </i></span> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Hệ thống lưới (Grid systems) là gì?</b></span><br /> <span style="font-family: Arial, Helvetica, sans-serif;"><i><br /> </i></span> <span style="font-family: Arial, Helvetica, sans-serif;">Hệ thống lưới (Grid systems) là cấu trúc bao gồm hàng loạt các hàng và cột theo quy chuẩn để tạo ra các bố cục trang web, nói một cách đơn giản đó là khung sườn, rường cột được làm sẵn để bạn có thể lắp ghép xây dựng một ngôi nhà theo ý muốn. Có rất nhiều hệ thống lưới được các nhà <a href="http://websiteviet123.blogspot.com/2015/03/thiet-ke-web-tuong-thich-voi-moi-trinh-duyet.html">thiết kế web</a> sử dụng ở phần thiết kế front-end, một trong những hệ thống lưới phổ biến nhất đó là Bootstrap.</span><br /> <span style="font-family: Arial, Helvetica, sans-serif;"><br /> </span> <b style="font-family: Arial, Helvetica, sans-serif;">Hệ thống lưới bootstrap </b><br /> <span style="font-family: Arial, Helvetica, sans-serif;"><br /> </span> <span style="font-family: Arial, Helvetica, sans-serif;">Hệ thống lưới bootstrap được thiết kế với 12 cột nằm dọc. Nếu bạn không muốn sử dụng 12 cột riêng rẽ, thì các bạn có thể nhóm các cột lại với nhau để tạo ra một cột với kích thước rông hơn bằn một hai hoặc ba lần kịc thước cột ban đầu. </span><br /> <span style="font-family: Arial, Helvetica, sans-serif;"><br /> </span> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmQ-gPNa9QtaSZ4Z3K9suGm1Hu75gdkiSSXhUavTg_alhbiPX6zQPwReMqsm3edbgicmMcGFJwJlyiTzkeTPuqRezPeUaXQr4X23OgnwJtrkEZMW1i7XIhB04MkIsPq4L-OodIoWklIqDL/s1600/l%C6%B0%E1%BB%9Bi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Bootstrap-Grid-System" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmQ-gPNa9QtaSZ4Z3K9suGm1Hu75gdkiSSXhUavTg_alhbiPX6zQPwReMqsm3edbgicmMcGFJwJlyiTzkeTPuqRezPeUaXQr4X23OgnwJtrkEZMW1i7XIhB04MkIsPq4L-OodIoWklIqDL/s1600/l%C6%B0%E1%BB%9Bi.png" title="Bootstrap-Grid-System" /></a></div> <br /> <span style="font-family: Arial, Helvetica, sans-serif;">Một trong những khả năng tuyệt vời của Bootstrap đó là cung cấp cho bạn khả năng để dễ dàng tạo ra các trang web có sẵn thiết kế đáp ứng đa màn hình (<a href="http://websiteviet123.blogspot.com/2015/04/thiet-ke-giao-dien-responsiver-voi-twitter-bootstrap.html">responsive web design</a>) </span><br /> <span style="font-family: Arial, Helvetica, sans-serif;"><br /> </span> <span style="font-family: Arial, Helvetica, sans-serif;">Trên một màn hình lớn, thì nội dung được hiển thị tốt hơn nếu nó được dàn ra ba cột, nhưng trên một màn hình nhỏ, nó sẽ là tốt hơn nếu các mục nội dung, được hiển thị trên một cột. </span><br /> <span style="font-family: Arial, Helvetica, sans-serif;"><br /> </span> <span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Tại sao sử dụng Bootstrap?</b></span><br /> <span style="font-family: Arial, Helvetica, sans-serif;"><br /> </span> <span style="font-family: Arial, Helvetica, sans-serif;"> <b>Ưu điểm của Bootstrap:</b></span><br /> <span style="font-family: Arial, Helvetica, sans-serif;"><b><br /> </b></span> <span style="font-family: Arial, Helvetica, sans-serif;"><b><i>+ Dễ dáng sử dụng:</i> </b>Bất kỳ ai có kiến thức cơ bản HTML và CSS có thể bắt đầu sử dụng Bootstrap </span><br /> <span style="font-family: Arial, Helvetica, sans-serif;"><b><i><br /> </i></b></span> <span style="font-family: Arial, Helvetica, sans-serif;"><b><i>+ Responsive features:</i></b> Khả năng đáp ứng đa màn hình của Bootstrap’s responsive CSS cho tất cả các thiết bị phổ biến hiện nay như điện thoại, máy tính bảng, máy để bàn …</span><br /> <span style="font-family: Arial, Helvetica, sans-serif;"><b><i><br /> </i></b></span> <span style="font-family: Arial, Helvetica, sans-serif;"><b><i>+ Ưu tiên cho thiết bị di động:</i></b> Ở phiên bản Bootstrap 3, thiết kế theo kiểu mobile-first-</span><span style="font-family: Arial, Helvetica, sans-serif;">ưu tiên các thiết bị di động là một phần cốt lõi của hệ thống khung </span><br /> <span style="font-family: Arial, Helvetica, sans-serif;"><b><i><br /> </i></b></span> <span style="font-family: Arial, Helvetica, sans-serif;"><b><i>+ Tương thích trình duyệt:</i></b> Bootstrap luôn tương thích với đại đa số các trình duyệt hiện đại (Chrome, Firefox, Internet Explorer, Safari, and Opera)</span><br /> <span style="font-family: Arial, Helvetica, sans-serif;"> Khởi tạo trang web đầu tiên với Bootstrap</span><br /> <span style="font-family: Arial, Helvetica, sans-serif;"><br /> </span> <br /> <div style="text-align: left;"> <span style="font-family: Arial, Helvetica, sans-serif;"><b>1. Thiết lập khai báo HTML5 doctype</b></span></div> <br /> <span style="font-family: Arial, Helvetica, sans-serif;">Bootstrap sử dụng các phần tử HTML và thuộc tính CSS đò hỏi khai báo HTML5 doctype. Bạn phải luôn khai báo đúng HTML5 doctype ở đầu trang, cùng với các thuộc tính ngôn ngữ lang: <span style="color: red;">< !DOCTYPE html> </span></span><br /> <span style="font-family: Arial, Helvetica, sans-serif;"><br /> </span> <br /> <div style="text-align: left;"> <span style="font-family: Arial, Helvetica, sans-serif;"><b> 2. Bootstrap 3 ưu tiên thiết bị di động (mobile-first) </b></span></div> <br /> <span style="font-family: Arial, Helvetica, sans-serif;">Bootstrap 3 được thiết kế ưu tiên hiển thị trên các thiết bị di động, đó là một phần cố lọi trong hệ thống khung sườn (core framework). Để đam bảo thiết kế hiển thị đúng trên các thiết bị, bạn phải thêm meta viewport đúng cách: <span style="color: red;">width=device-width</span> cho phép trang web tương thích với chiều ngang với các thiết bị di động initial-scale=1 cho phép tình trạng xem trang ở tỉ lệ 1 (1 pixel CSS tương đương 1 pixel viewport) khi chúng được tãi xuống trên trình duyệt. </span><br /> <span style="font-family: Arial, Helvetica, sans-serif;"><br /> </span> <br /> <div style="text-align: left;"> <b><span style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;">3. Các khung chứa (Containers) Bootstrap yêu cầu các khung bao quanh các phần tử nội dung. Có hai loại classes bạn có thể chọn:</span><span style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;">  </span></b></div> <span style="font-family: Arial, Helvetica, sans-serif;"><br /> </span> <span style="font-family: Arial, Helvetica, sans-serif;">.container class dành cho phần khung chứa có chiều ngang cố định (fixed width) .container-fluid dành cho phần khung chứa với chiều ngang tràn hết màn hình (full width) </span><br /> <span style="font-family: Arial, Helvetica, sans-serif;"><i><b>Chú ý:</b></i> đối với khung bao sử dụng một trong hai class trên không được để lồng một khung chứa khác tương tự bên trong (nested container) </span><br /> <span style="font-family: Arial, Helvetica, sans-serif;"><br /> </span> <span style="font-family: Arial, Helvetica, sans-serif;"><b>4. Hai trang mẫu bootstrap </b></span><br /> <pre style="background: rgb(255, 255, 255); border: 1px solid rgb(153, 204, 102); color: #666666; display: block; font-family: 'Courier New', Fixed, monospace; font-size: 1em; font-stretch: normal; font-variant: normal; line-height: 17px; margin: 1em 0px; max-height: 300px; overflow: auto; padding: 0px 20px 0px 30px; text-align: left;"><div class="OutlineElement Ltr SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; clear: both; color: black; cursor: text; direction: ltr; font-family: 'Segoe UI', Tahoma, Verdana, sans-serif; font-size: 8px; line-height: normal; margin: 0px; overflow: visible; padding: 0px; position: relative; white-space: normal;"> <div class="Paragraph SCX140277405" paraeid="{fc45cc51-7fd1-4d33-a541-f2ad8ea0e671}{133}" paraid="486332456" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: transparent; color: windowtext; font-size: 6pt; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><i><b><span class="SpellingError SCX31521867" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; color: #555555; margin: 0px; padding: 0px;"># 1. Trang</span><span class="NormalTextRun SCX31521867" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; color: #555555; margin: 0px; padding: 0px;"> web </span><span class="SpellingError SCX31521867" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; color: #555555; margin: 0px; padding: 0px;">mẫu</span><span class="NormalTextRun SCX31521867" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; color: #555555; margin: 0px; padding: 0px;"> </span><span class="SpellingError SCX31521867" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; color: #555555; margin: 0px; padding: 0px;">có</span><span class="NormalTextRun SCX31521867" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; color: #555555; margin: 0px; padding: 0px;"> </span><span class="SpellingError SCX31521867" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; color: #555555; margin: 0px; padding: 0px;">chiều</span><span class="NormalTextRun SCX31521867" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; color: #555555; margin: 0px; padding: 0px;"> </span><span class="SpellingError SCX31521867" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; color: #555555; margin: 0px; padding: 0px;">ngang</span><span class="NormalTextRun SCX31521867" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; color: #555555; margin: 0px; padding: 0px;"> </span><span class="SpellingError SCX31521867" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; color: #555555; margin: 0px; padding: 0px;">cố</span><span class="NormalTextRun SCX31521867" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; color: #555555; margin: 0px; padding: 0px;"> </span><span class="SpellingError SCX31521867" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; color: #555555; margin: 0px; padding: 0px;">định</span><span class="NormalTextRun SCX31521867" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; color: #555555; margin: 0px; padding: 0px;"> (fixed width)</span></b></i></span></div> <div class="Paragraph SCX140277405" paraeid="{fc45cc51-7fd1-4d33-a541-f2ad8ea0e671}{133}" paraid="486332456" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: transparent; color: windowtext; font-size: 6pt; font-weight: normal; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><i><span class="NormalTextRun SCX31521867" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; color: #555555; margin: 0px; padding: 0px;"> </span></i></span></div> <div class="Paragraph SCX140277405" paraeid="{fc45cc51-7fd1-4d33-a541-f2ad8ea0e671}{133}" paraid="486332456" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: transparent; color: windowtext; font-size: 6pt; font-style: normal; font-weight: normal; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">< !DOCTYPE html></span></div> <div class="Paragraph SCX140277405" paraeid="{fc45cc51-7fd1-4d33-a541-f2ad8ea0e671}{133}" paraid="486332456" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: transparent; color: windowtext; font-size: 6pt; font-style: normal; font-weight: normal; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><html</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: teal; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><span class="SpellingError SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">lang</span></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #93a1a1; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">=</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #dd1144; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><span class="NormalTextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">"</span><span class="SpellingError SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">en</span><span class="NormalTextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">"</span></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">></span></div> <div class="Paragraph SCX140277405" paraeid="{fc45cc51-7fd1-4d33-a541-f2ad8ea0e671}{133}" paraid="486332456" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: transparent; color: windowtext; font-size: 6pt; font-style: normal; font-weight: normal; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><head></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><meta</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: teal; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">charset</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #93a1a1; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">=</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #dd1144; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">"utf-8"</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">/></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span></div> <div class="Paragraph SCX140277405" paraeid="{fc45cc51-7fd1-4d33-a541-f2ad8ea0e671}{133}" paraid="486332456" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: transparent; color: windowtext; font-size: 6pt; font-style: normal; font-weight: normal; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><meta</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: teal; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">name</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #93a1a1; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">=</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #dd1144; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">"viewport"</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: teal; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">content</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #93a1a1; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">=</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #dd1144; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">"width=device-width, initial-scale=1"</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">/></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span></div> <div class="Paragraph SCX140277405" paraeid="{fc45cc51-7fd1-4d33-a541-f2ad8ea0e671}{133}" paraid="486332456" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: transparent; color: windowtext; font-size: 6pt; font-style: normal; font-weight: normal; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><link</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: teal; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><span class="SpellingError SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">rel</span></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #93a1a1; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">=</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #dd1144; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">"stylesheet"</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: teal; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><span class="SpellingError SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">href</span></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #93a1a1; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">=</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #dd1144; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><span class="NormalTextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">"http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/</span><span class="SpellingError SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">css</span><span class="NormalTextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">/bootstrap.min.css"</span></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">/></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span></div> <div class="Paragraph SCX140277405" paraeid="{fc45cc51-7fd1-4d33-a541-f2ad8ea0e671}{133}" paraid="486332456" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: transparent; color: windowtext; font-size: 6pt; font-style: normal; font-weight: normal; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><script</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: teal; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><span class="SpellingError SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">src</span></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #93a1a1; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">=</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #dd1144; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><span class="NormalTextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">"https://ajax.googleapis.com/</span><span class="SpellingError SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">ajax</span><span class="NormalTextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">/libs/</span><span class="SpellingError SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">jquery</span><span class="NormalTextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">/1.11.1/jquery.min.js"</span></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">></script></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span></div> <div class="Paragraph SCX140277405" paraeid="{fc45cc51-7fd1-4d33-a541-f2ad8ea0e671}{133}" paraid="486332456" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: transparent; color: windowtext; font-size: 6pt; font-style: normal; font-weight: normal; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><script</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: teal; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><span class="SpellingError SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">src</span></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #93a1a1; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">=</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #dd1144; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><span class="NormalTextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">"http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/</span><span class="SpellingError SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">js</span><span class="NormalTextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">/bootstrap.min.js"</span></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">></script></span></div> <div class="Paragraph SCX140277405" paraeid="{fc45cc51-7fd1-4d33-a541-f2ad8ea0e671}{133}" paraid="486332456" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: transparent; color: windowtext; font-size: 6pt; font-style: normal; font-weight: normal; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"></head></span></div> <div class="Paragraph SCX140277405" paraeid="{fc45cc51-7fd1-4d33-a541-f2ad8ea0e671}{133}" paraid="486332456" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: transparent; color: windowtext; font-size: 6pt; font-style: normal; font-weight: normal; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><body></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span></div> <div class="Paragraph SCX140277405" paraeid="{fc45cc51-7fd1-4d33-a541-f2ad8ea0e671}{133}" paraid="486332456" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: transparent; color: windowtext; font-size: 6pt; font-style: normal; font-weight: normal; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><div</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: teal; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">class</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #93a1a1; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">=</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #dd1144; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">"container"</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><h1></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">My First Bootstrap Page</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"></h1></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><p></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US">This is some text.</span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"></p></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"></div></span></div> <div class="Paragraph SCX140277405" paraeid="{fc45cc51-7fd1-4d33-a541-f2ad8ea0e671}{133}" paraid="486332456" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: transparent; color: windowtext; font-size: 6pt; font-style: normal; font-weight: normal; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"></body></span></div> <div class="Paragraph SCX140277405" paraeid="{fc45cc51-7fd1-4d33-a541-f2ad8ea0e671}{133}" paraid="486332456" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: transparent; color: windowtext; font-size: 6pt; font-style: normal; font-weight: normal; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> </span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"></html></span><span class="EOP SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;"> </span></div> </div> <div class="OutlineElement Ltr SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; clear: both; color: black; cursor: text; direction: ltr; font-family: 'Segoe UI', Tahoma, Verdana, sans-serif; font-size: 8px; line-height: normal; margin: 0px; overflow: visible; padding: 0px; position: relative; white-space: normal;"> <div class="Paragraph SCX140277405" paraeid="{fc45cc51-7fd1-4d33-a541-f2ad8ea0e671}{137}" paraid="1436331746" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: transparent; color: windowtext; font-size: 6pt; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <i><b><span style="color: #48484c; font-family: Arial, sans-serif; line-height: 27px;"><span class="SpellingError SCX31521867" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; color: #555555; margin: 0px; padding: 0px;"># 1.  </span></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #555555; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"><span class="SpellingError SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">Trang</span><span class="NormalTextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> web </span><span class="SpellingError SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">mẫu</span><span class="NormalTextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span><span class="SpellingError SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">có</span><span class="NormalTextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span><span class="SpellingError SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">chiều</span><span class="NormalTextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span><span class="SpellingError SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">ngang</span><span class="NormalTextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span><span class="SpellingError SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">tràn</span><span class="NormalTextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span><span class="SpellingError SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">màn</span><span class="NormalTextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span><span class="SpellingError SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">hình</span></span><span class="TextRun SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; color: #555555; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;" xml:lang="EN-US"> (full width container)</span><span class="EOP SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px;"> </span></b></i></div> </div> <div class="OutlineElement Ltr SCX140277405" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; clear: both; color: black; cursor: text; direction: ltr; font-family: 'Segoe UI', Tahoma, Verdana, sans-serif; font-size: 8px; font-style: normal; font-weight: normal; line-height: normal; margin: 0px; overflow: visible; padding: 0px; position: relative; white-space: normal;"> <div class="Paragraph SCX140277405" paraeid="{fc45cc51-7fd1-4d33-a541-f2ad8ea0e671}{216}" paraid="1578220557" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: transparent; color: windowtext; font-size: 6pt; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">< !DOCTYPE html> </span></span> <span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"><html</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: teal; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="SpellingError SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">lang</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #93a1a1; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">=</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #dd1144; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">"</span><span class="SpellingError SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">en</span><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">"</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">></span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span> <span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"><head></span></span> <span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"><meta</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: teal; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">charset</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #93a1a1; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">=</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #dd1144; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">"utf-8"</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">/></span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"><meta</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: teal; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">name</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #93a1a1; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">=</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #dd1144; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">"viewport"</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: teal; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">content</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #93a1a1; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">=</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #dd1144; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">"width=device-width, initial-scale=1"</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">/></span></span> <span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"><link</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: teal; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="SpellingError SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">rel</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #93a1a1; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">=</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #dd1144; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">"stylesheet"</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: teal; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="SpellingError SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">href</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #93a1a1; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">=</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #dd1144; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">"http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/</span><span class="SpellingError SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">css</span><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">/bootstrap.min.css"</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">/></span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span> <span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"><script</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: teal; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="SpellingError SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">src</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #93a1a1; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">=</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #dd1144; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">"https://ajax.googleapis.com/</span><span class="SpellingError SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">ajax</span><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">/libs/</span><span class="SpellingError SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">jquery</span><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">/1.11.1/jquery.min.js"</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">></script></span></span> <span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"><script</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: teal; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="SpellingError SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">src</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #93a1a1; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">=</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #dd1144; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">"http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/</span><span class="SpellingError SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; background-image: url(data:image/gif; background-position: 0% 100%; background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px; padding: 0px;">js</span><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">/bootstrap.min.js"</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">></script></span></span> <span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"></head></span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span> <span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"><body></span></span> <span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"><div</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: teal; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">class</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #93a1a1; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">=</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #dd1144; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">"container-fluid"</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">></span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span> <span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"><h1></span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">My First Bootstrap Page</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"></h1></span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span> <span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"><p></span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;">This is some text.</span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"></p></span></span> <span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"></div></span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span> <span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"></body></span></span> <span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #48484c; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"> </span></span><span class="TextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;" xml:lang="EN-US"><span class="NormalTextRun SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: inherit; margin: 0px; padding: 0px;"></html></span></span><span class="EOP SCX89051546" style="-webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -webkit-user-select: text; background-color: white; font-family: Arial, sans-serif; font-size: 12pt; line-height: 27px; margin: 0px; padding: 0px; white-space: normal;"> </span></div> </div> </pre> </div> Sau đây là bảng tóm tắt hệ thống lưới làm việc trên nhiều thiết bị Image<br /> <span style="font-family: Arial, Helvetica, sans-serif;"><br /> </span> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOGApYuerw5Kur7IebZfyo3VJ4A1cIpiKjGPw_zHMCgMaSgOjTI20ywMltY8hQU7SUmHz9049-edG9ywSN1c0OJYn0GkXFX8OKPqB_naL5liCSLv_74EI0ob4wwSeq4CjYPHEtUrwdKMwP/s1600/l%C6%B0%E1%BB%9Bi-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="hệ-thống-lưới-bootstrap" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOGApYuerw5Kur7IebZfyo3VJ4A1cIpiKjGPw_zHMCgMaSgOjTI20ywMltY8hQU7SUmHz9049-edG9ywSN1c0OJYn0GkXFX8OKPqB_naL5liCSLv_74EI0ob4wwSeq4CjYPHEtUrwdKMwP/s1600/l%C6%B0%E1%BB%9Bi-1.png" title="hệ-thống-lưới-bootstrap" /></a></div> <span style="font-family: Arial, Helvetica, sans-serif;"><br /> </span> <span style="font-family: Arial, Helvetica, sans-serif;"><i>Nguôn: http://thietke.website/ </i></span><br /> <span style="font-family: Arial, Helvetica, sans-serif;"><br /> </span> <br /> <div> <iframe allowfullscreen="" frameborder="0" height="415" src="https://www.youtube.com/embed/g3j7eRunzv4?list=PLKlA1QwYBcmdCQPRN9IcRHEh1w5yC8djY" width="720"></iframe></div> </div>

HỆ THỐNG LƯỚI BOOTSTRAP

Xin chào các bạn hôm nay mình muốn chia sẻ với các bạn, cách sử dụng hệ thống lưới trong bootstrap. Hệ thống lưới (Grid systems) là gì?...

Read more »