|
|
| (41 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>
| |
| | | | |
| − | <div class="button btn" data-toggle="modal" data-target="#myModal">Launch modal</div>
| + | *Gemeinde |
| − | | + | *Eigentümer |
| − | <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
| + | *Profile |
| − | <div class="modal-dialog">
| + | *Materialien |
| − | <div class="modal-content">
| + | *Texte und Spannmasse |
| − | <div class="modal-header">
| + | *Dokumente |
| − | <btn type="button" class="close" data-dismiss="modal" aria-label="Close">
| + | *Vergleichs- und Importkonfigurationen |
| − | <span aria-hidden="true">×</span>
| |
| − | </btn>
| |
| − | <h4 class="modal-title">Modal title</h4>
| |
| − | </div>
| |
| − | <div class="modal-body">Modal body</div>
| |
| − | <div class="modal-footer">
| |
| − | Test
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | ------------------------------------------------------------------------------------------------
| |
| − | <ul class="nav nav-tabs">
| |
| − | <li class="active"><div class="button btn btn-info btn-lg" data-toggle="tab">#tab1|Tab 1</div></li>
| |
| − | <li><div class="button btn btn-info btn-lg" data-toggle="tab">#tab2|Tab 2</div></li>
| |
| − | </ul>
| |
| − | | |
| − | <html>
| |
| − | <ul class="nav nav-tabs">
| |
| − | <li class="active">
| |
| − | <a href="#tab1" id="n-.23tab1" class="tab-toggle" data-toggle="tab">Tab 1</a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="#tab2" id="n-.23tab2" class="tab-toggle" data-toggle="tab">Tab 2</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </html>
| |
| − | <div class="tab-content">
| |
| − | <div id="tab1" class="tab-pane fade in active">
| |
| − | '''Tab 1''': Lorem ipsum...
| |
| − | </div>
| |
| − | <div id="tab2" class="tab-pane fade in active">
| |
| − | '''Tab 2''': TESTUS
| |
| − | </div>
| |
| − | </div>
| |
| − | ------------------------------------------------------------------------------------------------------- | |
| − | <!--<div class="body" data-spy="scroll" data-target="#myScrollspy" data-offset="20">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="nav col-sm-3" id="myScrollspy">
| |
| − | <div class="ul.nav-pills nav-stacked">
| |
| − | <li class="active"><[[#section1]>Section 1</li>
| |
| − | <li><[[#section2]]>Section 2</li>
| |
| − | </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>
| |
| − | -->
| |
| − | | |
| − | 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.
| |
| − | | |
| − | | |
| − | <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;
| |
| − | }
| |
| − | | |
| − |
| |
| − | @media screen and (max-width: 810px) {
| |
| − | #section1, #section2, #section3, #section41, #section42 {
| |
| − | margin-left: 150px;
| |
| − | }
| |
| − | }
| |
| − | </style>
| |
| − | </head>
| |
| − | <body data-spy="scroll">
| |
| − | | |
| − | <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>
| |