我使用bootstrap 3并设计大型菜单导航.
HTML:
<div class="container">
<nav class="navbar navbar-default">
<div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".js-navbar-collapse"> <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button> <a class="navbar-brand" href="#">MegaMenu</a>
</div>
<div class="collapse navbar-collapse js-navbar-collapse">
<ul class="nav navbar-nav">
<li class="dropdown mega-dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Collection <span class="glyphicon glyphicon-chevron-down pull-right"></span></a>
<ul class="dropdown-menu mega-dropdown-menu row">
<li class="col-sm-3">
<ul>
<li class="dropdown-header">New in Stores</li>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="item active"> <a href="#"><img src="http://placehold.it/254x150/3498db/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 1"></a>
<h4><small>Summer dress floral prints</small></h4>
<button class="btn …Run Code Online (Sandbox Code Playgroud) 我有像这样的标签MySql表:
| id | name |
| 1 | Linux |
| 2 | Windows |
| 3 | Unix |
| 4 | Dos |
| 5 | FreeBSD |
Run Code Online (Sandbox Code Playgroud)
在新闻页面用户添加像这样的新标签:
Linux,OpenBSD,Test
Run Code Online (Sandbox Code Playgroud)
现在,Linux之前补充说,所以我需要将ONLYOpenBSD和Test 添加到Tags表中.我的意思是:INSERT如果用户标签是新的,如何标记?!
我有使用bootstrap 3的内容框.
CSS:
.news-thumbs{
margin:10px;
}
Run Code Online (Sandbox Code Playgroud)
HTML:
<div class="row">
<div class="col-md-6">
<article class="feature">
<figure class="pull-left news-thumbs thumbnail">
<img alt="" src="img/noor.png"><img alt="" src="http://1.gravatar.com/avatar/3a4fe156e7e23a3f6c023ab0abb305e2?s=160&d=http%3A%2F%2Fcss-tricks.com%2Fimages%2Fget-gravatar.png%3Fs%3D160&r=PG" class="avatar avatar-160 photo" height="160" width="160">
</figure>
<h1>
H1 Title
</h1>
<p class="justify">
Description …Description …Description …Description …Description …Description …Description …Description …Description
…Description …Description …Description …Description …Description …Description …Description …Description …
…Description …Description …Description …Description …Description …Description …Description …Description …
…Description …Description …Description …Description …Description …Description …Description …Description …
…Description …Description …Description …Description …Description …Description …Description …Description …
…Description …Run Code Online (Sandbox Code Playgroud)