Line 11: | Line 11: | ||
<div class="container"> | <div class="container"> | ||
− | + | <div class="row clearfix"> | |
− | + | <div class="col-md-12 column"> | |
− | + | <img alt="140x140" src="v3/default3.jpg" /> | |
− | + | <ul class="nav nav-pills"> | |
− | + | <li class="active"> | |
− | + | <a href="#">首页</a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="#">简介</a> | |
− | + | </li> | |
− | + | <li class="disabled"> | |
− | + | <a href="#">信息</a> | |
− | + | </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> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="row clearfix"> | |
− | + | <div class="col-md-12 column"> | |
+ | <h2> | ||
+ | Heading | ||
+ | </h2> | ||
+ | <p> | ||
+ | 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. | ||
+ | </p> | ||
+ | <p> | ||
+ | <a class="btn" href="#">View details »</a> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row clearfix"> | ||
+ | <div class="col-md-6 column"> | ||
+ | <img alt="140x140" src="v3/default3.jpg" /> | ||
+ | </div> | ||
+ | <div class="col-md-6 column"> | ||
+ | <h2> | ||
+ | Heading | ||
+ | </h2> | ||
+ | <p> | ||
+ | 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. | ||
+ | </p> | ||
+ | <p> | ||
+ | <a class="btn" href="#">View details »</a> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row clearfix"> | ||
+ | <div class="col-md-6 column"> | ||
+ | <img alt="140x140" src="v3/default3.jpg" /> | ||
+ | </div> | ||
+ | <div class="col-md-6 column"> | ||
+ | <h2> | ||
+ | Heading | ||
+ | </h2> | ||
+ | <p> | ||
+ | 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. | ||
+ | </p> | ||
+ | <p> | ||
+ | <a class="btn" href="#">View details »</a> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row clearfix"> | ||
+ | <div class="col-md-12 column"> | ||
+ | <h2> | ||
+ | Heading | ||
+ | </h2> | ||
+ | <p> | ||
+ | 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. | ||
+ | </p> | ||
+ | <p> | ||
+ | <a class="btn" href="#">View details »</a> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row clearfix"> | ||
+ | <div class="col-md-4 column"> | ||
+ | <img alt="140x140" src="v3/default3.jpg" /> | ||
+ | <h2> | ||
+ | Heading | ||
+ | </h2> | ||
+ | <p> | ||
+ | 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. | ||
+ | </p> | ||
+ | <p> | ||
+ | <a class="btn" href="#">View details »</a> | ||
+ | </p> | ||
+ | </div> | ||
+ | <div class="col-md-4 column"> | ||
+ | <img alt="140x140" src="v3/default3.jpg" /> | ||
+ | <h2> | ||
+ | Heading | ||
+ | </h2> | ||
+ | <p> | ||
+ | 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. | ||
+ | </p> | ||
+ | <p> | ||
+ | <a class="btn" href="#">View details »</a> | ||
+ | </p> | ||
+ | </div> | ||
+ | <div class="col-md-4 column"> | ||
+ | <img alt="140x140" src="v3/default3.jpg" /> | ||
+ | <h2> | ||
+ | Heading | ||
+ | </h2> | ||
+ | <p> | ||
+ | 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. | ||
+ | </p> | ||
+ | <p> | ||
+ | <a class="btn" href="#">View details »</a> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row clearfix"> | ||
+ | <div class="col-md-4 column"> | ||
+ | <img alt="140x140" src="v3/default3.jpg" /> | ||
+ | </div> | ||
+ | <div class="col-md-4 column"> | ||
+ | <img alt="140x140" src="v3/default3.jpg" /> | ||
+ | </div> | ||
+ | <div class="col-md-4 column"> | ||
+ | <img alt="140x140" src="v3/default3.jpg" /> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
− | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 08:03, 31 July 2017
NPU-China
![140x140](v3/default3.jpg)
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.
![140x140](v3/default3.jpg)
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.
![140x140](v3/default3.jpg)
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.
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.
![140x140](v3/default3.jpg)
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.
![140x140](v3/default3.jpg)
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.
![140x140](v3/default3.jpg)
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.
![140x140](v3/default3.jpg)
![140x140](v3/default3.jpg)
![140x140](v3/default3.jpg)