|
|
| (80 dazwischenliegende Versionen von 4 Benutzern werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| − | <div class="container">
| + | {{Projektbaum-s}} |
| − | <h2>Small Modal</h2>
| + | Das Verzeichnis Allgemein dient vorrangig der Darstellung von Textfeldern, Gemeinden, Eigentümer und Dokumenten. Des Weiteren sind hier standardmäßig die gängigen Profile und Materialien der Haltungen hinterlegt. Sonderprofile können hier über eine Eingabemaske erstellt werden. |
| − | <!-- Trigger the modal with a button -->
| |
| − | <div class="button btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Small Modal</div>
| |
| | | | |
| − | <!-- Modal -->
| + | Weitere Informationen zu den Unterkategorien Allgemein: |
| − | <div class="modal fade" id="myModal" role="dialog">
| |
| − | <div class="modal-dialog modal-sm">
| |
| − | <div class="modal-content">
| |
| − | <div class="modal-header">
| |
| − | <div class="button btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open</div>
| |
| − | <h4 class="modal-title">Modal Header</h4>
| |
| − | </div>
| |
| − | <div class="modal-body">
| |
| − | <p>This is a small modal.</p>
| |
| − | </div>
| |
| − | <div class="modal-footer">
| |
| − | <div class="button btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Close</div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| − | | + | *Gemeinde |
| − | | + | *Eigentümer |
| − | <div class="container">
| + | *Profile |
| − | <div class="row">
| + | *Materialien |
| − | <div class="nav col-sm-3" id="myScrollspy">
| + | *Texte und Spannmasse |
| − | <div class ="ul nav nav-pills nav-stacked">
| + | *Dokumente |
| − | <div class="li active"><div class="a" href="#section1">Section 1</div> </div>
| + | *Vergleichs- und Importkonfigurationen |
| − | <div class="li active"><div class="a" href="#section2">Section 1</div> </div>
| |
| − | <div class="li active"><div class="a" href="#section3">Section 1</div> </div>
| |
| − | <div class="li dropdown">
| |
| − | <div class="a dropdown-toggle" data-toggle="dropdown" href="#">Section 4 <span class="caret"></span> </div>
| |
| − | <div class="ul dropdown-menu">
| |
| − | <div class="li active"><div class="a" href="#section3">Section 4.1</div> </div>
| |
| − | <div class="li active"><div class="a" href="#section3">Section 4.2</div> </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="col-sm-9">
| |
| − | <div id="section1">
| |
| − | <h1>Section 1</h1>
| |
| − | <p>Try to scroll this section and look at the navigation list while scrolling!</p>
| |
| − | </div>
| |
| − | <div id="section2">
| |
| − | <h1>Section 2</h1>
| |
| − | <p>Try to scroll this section and look at the navigation list while scrolling!</p>
| |
| − | </div>
| |
| − | <div id="section3">
| |
| − | <h1>Section 3</h1>
| |
| − | <p>Try to scroll this section and look at the navigation list while scrolling!</p>
| |
| − | </div>
| |
| − | <div id="section41">
| |
| − | <h1>Section 4-1</h1>
| |
| − | <p>Try to scroll this section and look at the navigation list while scrolling!</p>
| |
| − | </div>
| |
| − | <div id="section42">
| |
| − | <h1>Section 4-2</h1>
| |
| − | <p>Try to scroll this section and look at the navigation list while scrolling!</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | | |
| − | <html lang="en">
| |
| − | <head>
| |
| − | <title>Bootstrap Example</title>
| |
| − | <meta charset="utf-8">
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
| − | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
| |
| − | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
| |
| − | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
| |
| − | <style>
| |
| − | body {
| |
| − | position: relative;
| |
| − | }
| |
| − | ul.nav-pills {
| |
| − | top: 20px;
| |
| − | position: fixed;
| |
| − | }
| |
| − | div.col-sm-9 div {
| |
| − | height: 250px;
| |
| − | font-size: 28px;
| |
| − | }
| |
| − | #section1 {color: #fff; background-color: #1E88E5;}
| |
| − | #section2 {color: #fff; background-color: #673ab7;}
| |
| − | #section3 {color: #fff; background-color: #ff9800;}
| |
| − | #section41 {color: #fff; background-color: #00bcd4;}
| |
| − | #section42 {color: #fff; background-color: #009688;}
| |
| − |
| |
| − | @media screen and (max-width: 810px) {
| |
| − | #section1, #section2, #section3, #section41, #section42 {
| |
| − | margin-left: 150px;
| |
| − | }
| |
| − | }
| |
| − | </style>
| |
| − | </head>
| |
| − | <body data-spy="scroll" data-target="#myScrollspy" data-offset="20">
| |
| − | | |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <nav class="col-sm-3" id="myScrollspy">
| |
| − | <ul class="nav nav-pills nav-stacked">
| |
| − | <li class="active"><a href="#section1">Section 1</a></li>
| |
| − | <li><a href="#section2">Section 2</a></li>
| |
| − | <li><a href="#section3">Section 3</a></li>
| |
| − | <li class="dropdown">
| |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Section 4 <span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="#section41">Section 4-1</a></li>
| |
| − | <li><a href="#section42">Section 4-2</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </nav>
| |
| − | <div class="col-sm-9">
| |
| − | <div id="section1">
| |
| − | <h1>Section 1</h1>
| |
| − | <p>Try to scroll this section and look at the navigation list while scrolling!</p>
| |
| − | </div>
| |
| − | <div id="section2">
| |
| − | <h1>Section 2</h1>
| |
| − | <p>Try to scroll this section and look at the navigation list while scrolling!</p>
| |
| − | </div>
| |
| − | <div id="section3">
| |
| − | <h1>Section 3</h1>
| |
| − | <p>Try to scroll this section and look at the navigation list while scrolling!</p>
| |
| − | </div>
| |
| − | <div id="section41">
| |
| − | <h1>Section 4-1</h1>
| |
| − | <p>Try to scroll this section and look at the navigation list while scrolling!</p>
| |
| − | </div>
| |
| − | <div id="section42">
| |
| − | <h1>Section 4-2</h1>
| |
| − | <p>Try to scroll this section and look at the navigation list while scrolling!</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | | |
| − | </body>
| |
| − | </html>
| |
| − | | |
| − | {{#tree: id=siteTree | class=navTree | root=Projektbaum | extensions=["persist"]|
| |
| − | | |
| − | *[[Allgemein]]
| |
| − | **[[Gemeinde]]
| |
| − | **[[Eigentümer]] | |
| − | **[[Profile]] | |
| − | **[[Materialien]] | |
| − | **[[Texte und Spannmasse]] | |
| − | **[[Dokumente]] | |
| − | **[[Vergleichs- und Importkonfiguration]] | |
| − | }}
| |
| − | | |
| − | | |
| − | | |
| − | Das Verzeichnis Allgemein dient vorrangig der Darstellung von Textfeldern, Gemeinden, Eigentümer und Dokumenten. Des Weiteren sind hier standardmäßig die gängigen Profile und Materialien der Haltungen hinterlegt. Sonderprofile können hier über Eingabemaske erstellt werden.
| |