Difference between revisions of "Team:NPU-China/test"

Line 14: Line 14:
 
<div class="row clearfix">
 
<div class="row clearfix">
 
<div class="col-md-12 column">
 
<div class="col-md-12 column">
<img alt="140x140" src="v3/default3.jpg" />
+
<img alt="140x140" src="http://www.runoob.com/try/bootstrap/layoutit/v3/default3.jpg" />
 
<ul class="nav nav-pills">
 
<ul class="nav nav-pills">
 
<li class="active">
 
<li class="active">
Line 62: Line 62:
 
<div class="row clearfix">
 
<div class="row clearfix">
 
<div class="col-md-6 column">
 
<div class="col-md-6 column">
<img alt="140x140" src="v3/default3.jpg" />
+
<img alt="140x140" src="http://www.runoob.com/try/bootstrap/layoutit/v3/default3.jpg" />
 
</div>
 
</div>
 
<div class="col-md-6 column">
 
<div class="col-md-6 column">
Line 78: Line 78:
 
<div class="row clearfix">
 
<div class="row clearfix">
 
<div class="col-md-6 column">
 
<div class="col-md-6 column">
<img alt="140x140" src="v3/default3.jpg" />
+
<img alt="140x140" src="http://www.runoob.com/try/bootstrap/layoutit/v3/default3.jpg" />
 
</div>
 
</div>
 
<div class="col-md-6 column">
 
<div class="col-md-6 column">
Line 107: Line 107:
 
<div class="row clearfix">
 
<div class="row clearfix">
 
<div class="col-md-4 column">
 
<div class="col-md-4 column">
<img alt="140x140" src="v3/default3.jpg" />
+
<img alt="140x140" src="http://www.runoob.com/try/bootstrap/layoutit/v3/default3.jpg" />
 
<h2>
 
<h2>
 
Heading
 
Heading
Line 119: Line 119:
 
</div>
 
</div>
 
<div class="col-md-4 column">
 
<div class="col-md-4 column">
<img alt="140x140" src="v3/default3.jpg" />
+
<img alt="140x140" src="http://www.runoob.com/try/bootstrap/layoutit/v3/default3.jpg" />
 
<h2>
 
<h2>
 
Heading
 
Heading
Line 131: Line 131:
 
</div>
 
</div>
 
<div class="col-md-4 column">
 
<div class="col-md-4 column">
<img alt="140x140" src="v3/default3.jpg" />
+
<img alt="140x140" src="http://www.runoob.com/try/bootstrap/layoutit/v3/default3.jpg" />
 
<h2>
 
<h2>
 
Heading
 
Heading
Line 145: Line 145:
 
<div class="row clearfix">
 
<div class="row clearfix">
 
<div class="col-md-4 column">
 
<div class="col-md-4 column">
<img alt="140x140" src="v3/default3.jpg" />
+
<img alt="140x140" src="http://www.runoob.com/try/bootstrap/layoutit/v3/default3.jpg" />
 
</div>
 
</div>
 
<div class="col-md-4 column">
 
<div class="col-md-4 column">
<img alt="140x140" src="v3/default3.jpg" />
+
<img alt="140x140" src="http://www.runoob.com/try/bootstrap/layoutit/v3/default3.jpg" />
 
</div>
 
</div>
 
<div class="col-md-4 column">
 
<div class="col-md-4 column">
<img alt="140x140" src="v3/default3.jpg" />
+
<img alt="140x140" src="http://www.runoob.com/try/bootstrap/layoutit/v3/default3.jpg" />
 
</div>
 
</div>
 
</div>
 
</div>

Revision as of 12:38, 31 July 2017

Bootstrap 实例 - 响应式的列重置

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

View details »

140x140

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

View details »

140x140

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

View details »

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

View details »

140x140

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

View details »

140x140

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

View details »

140x140

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

View details »

140x140
140x140
140x140