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="http://www.runoob.com/try/bootstrap/layoutit/v3/default3.jpg" />
+
<img alt="140x1400" 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 25: Line 25:
 
<a href="#">信息</a>
 
<a href="#">信息</a>
 
</li>
 
</li>
<li class="dropdown pull-right">
+
<a href="#" data-toggle="dropdown" class="dropdown-toggle">下拉<strong class="caret"></strong></a>
+
<ul class="dropdown-menu">
+
<li>
+
<a href="#">操作</a>
+
</li>
+
<li>
+
<a href="#">设置栏目</a>
+
</li>
+
<li>
+
<a href="#">更多设置</a>
+
</li>
+
<li class="divider">
+
</li>
+
<li>
+
<a href="#">分割线</a>
+
</li>
+
</ul>
+
</li>
+
 
</ul>
 
</ul>
 
</div>
 
</div>

Revision as of 13:19, 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