小编use*_*133的帖子

bootstrap 3响应多个大型菜单

我使用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)

html css css3 megamenu twitter-bootstrap

9
推荐指数
1
解决办法
4万
查看次数

PHP:防止Mysql中的重复标记

我有像这样的标签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如果用户标签是新的,如何标记?!

php mysql

2
推荐指数
1
解决办法
69
查看次数

使用bootstrap 3证明图像周围的文本

我有使用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&amp;d=http%3A%2F%2Fcss-tricks.com%2Fimages%2Fget-gravatar.png%3Fs%3D160&amp;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)

html css twitter-bootstrap

0
推荐指数
1
解决办法
267
查看次数

标签 统计

css ×2

html ×2

twitter-bootstrap ×2

css3 ×1

megamenu ×1

mysql ×1

php ×1