BG Development


  Reply to this topicStart new topicStart Poll

>  Boostrap 4 toggle, toggle, collapse, bootstrap4
cpuin
: 31-05-2019, 18:05
Quote Post



:
:
:

: 884
: 06.03.12



,

Bootstrap 3 -> Bootatrap 4

, , .
.

.
https://getbootstrap.com/docs/4.0/components/collapse/
, . , .

CODE

<!-- Page Content -->
 <div class="container">

   <div class="row">

     <div class="col-lg-3">

       <h1 class="my-4"></h1>
       <div id="leftmenu" class="list-group">
         <a href="https://site.com/store/products" class="list-group-item">PRO</a>
                       
                                               
                           <a href="#151" class="list-group-item" data-toggle="collapse" >CATEGORY1</a>
                           
                                                       
                           <div class="collapse list-group-level1 " id="151">
                           
                           
                                                             
                                                                   
                               <a id="152" href="https://site.com/store/products/index/152/0" class="list-group-item " data-target="#152">Subcategory 1</a>
                               
                               
                               
                               
                                                               </div>
                           
                                                   
                           <a href="#126" class="list-group-item" data-toggle="collapse" >CATEGORY 2</a>
                           
                                                       
                           <div class="collapse list-group-level1 " id="126">
                           
                           
                                                             
                                                                   
                               <a id="127" href="https://site.com/store/products/index/127/0" class="list-group-item " data-target="#127">Subcategory 1</a>
                               
                               
                               
                               
                                                                     
                                                                   
                               <a id="164" href="https://site.com/store/products/index/164/0" class="list-group-item " data-target="#164">Subcategory 2</a>
                               
                               
                               
                               
                                                                     
                                                                   
                               <a id="226" href="site.com/store/products/index/226/0" class="list-group-item " data-target="#226">Subcategory 3</a>
                               
                               
                               
                               
                                                                     
                                                                   
                               <a id="225" href="https://site.com/store/products/index/225/0" class="list-group-item " data-target="#225">Subcategory 4</a>
                               
                               
                               
                               
                                                               </div>


--------------------
" , - "
PMEmail Poster
Top
samominavam
: 31-05-2019, 19:46
Quote Post



:
:
:

: 323
: 22.08.17



QUOTE (cpuin @ 31-05-2019, 18:05)
,

Bootstrap 3 -> Bootatrap 4

, , .
.

.
https://getbootstrap.com/docs/4.0/components/collapse/
, . , .

CODE

<!-- Page Content -->
<div class="container">

<div class="row">

<div class="col-lg-3">

<h1 class="my-4"></h1>
<div id="leftmenu" class="list-group">
<a href="https://site.com/store/products" class="list-group-item">PRO</a>


<a href="#151" class="list-group-item" data-toggle="collapse" >CATEGORY1</a>


<div class="collapse list-group-level1 " id="151">




<a id="152" href="https://site.com/store/products/index/152/0" class="list-group-item " data-target="#152">Subcategory 1</a>




</div>


<a href="#126" class="list-group-item" data-toggle="collapse" >CATEGORY 2</a>


<div class="collapse list-group-level1 " id="126">




<a id="127" href="https://site.com/store/products/index/127/0" class="list-group-item " data-target="#127">Subcategory 1</a>






<a id="164" href="https://site.com/store/products/index/164/0" class="list-group-item " data-target="#164">Subcategory 2</a>






<a id="226" href="site.com/store/products/index/226/0" class="list-group-item " data-target="#226">Subcategory 3</a>






<a id="225" href="https://site.com/store/products/index/225/0" class="list-group-item " data-target="#225">Subcategory 4</a>




</div>

99% ?
PMEmail Poster
Top
cpuin
: 01-06-2019, 21:20
Quote Post



:
:
:

: 884
: 06.03.12



, , Bootstrap 4 + JQuery


--------------------
" , - "
PMEmail Poster
Top
samominavam
: 01-06-2019, 23:47
Quote Post



:
:
:

: 323
: 22.08.17



1 ...
PMEmail Poster
Top
relax4o
: 02-06-2019, 03:01
Quote Post



:
:
:

: 2405
: 04.04.07





--------------------
:D

QUOTE (oveRLuckEd)
PHP, .


QUOTE (nbacool2)
input , SQL Very Happy
PM
Top
1 (1 , 0 )
, :

Topic Options Reply to this topicStart new topicStart Poll

 


Copyright © 2003-2019 | BG Development | All Rights Reserved
RSS 2.0