<!DOCTYPE html>
<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.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="jumbotron">
<h1>Kraków</h1>
<p>Stolica województwa małopolskiego</p>
</div>
<div class="container">
<h2>Zabytki Krakowa</h2>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="https://www.jbklutse.com/wp-content/uploads/2018/12/1-1.jpg" alt="Kościół Mariacki" style="width:100%;">
</div>
<div class="item">
<img src="https://www.tripsavvy.com/thmb/QkVUOLNjtcyumW12z93ZRxnhLVs=/960x0/filters:no_upscale():max_bytes(150000):strip_icc()/Krakow-Christmas-5a5666aa7bb2830037244719.jpg" alt="Sukiennice" style="width:100%;">
</div>
<div class="item">
<img src="http://online-mafia.pl/wp-content/uploads/2018/03/wawel_krakow-crop.jpg" alt="Wawel" style="width:100%;">
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="row">
<div class="col-sm-6"><h3>Przyroda</h3>
Miasto ma rozciągłość południkową 18 kilometrów i równoleżnikową 31 kilometrów[22].
Z Krakowem sąsiadują gminy: Igołomia-Wawrzeńczyce, Kocmyrzów-Luborzyca, Koniusza, Liszki, Michałowice, Mogilany, Niepołomice, Skawina, Świątniki Górne, Wieliczka, Wielka Wieś, Zabierzów, Zielonki. Gminy te należą do trzech powiatów sąsiadujących z Krakowem: krakowskiego, wielickiego oraz proszowickiego.</div>
<div class="col-sm-6"><h3>Historia</h3>
<p> Miasto na prawach powiatu pełni funkcję centrum administracyjnego, kulturalnego, edukacyjnego, naukowego, gospodarczego, usługowego i turystycznego. Kraków jest drugim co do wielkości, po Warszawie, rynkiem nowoczesnej powierzchni biurowej[19] (ponad milion metrów kwadratowych powierzchni biurowej)[20], a także jednym z kluczowych węzłów kolejowych w Polsce.</p>
<p></p>W Balicach pod Krakowem znajduje się drugi co do liczby obsługiwanych pasażerów rocznie port lotniczy w Polsce[21].</p>
<h3>Zachodni Kraków</h3>
<p></p>Zachodnia część Krakowa stanowi tzw. Obszar Krakowski i podlega polskiej sieci ekologicznej, a część obszaru miasta usytuowana jest w zasięgu korytarza ekologicznego rzeki Wisły.</p>
<p>Rzeki, ich doliny oraz zbiorniki wodne to jedne z najciekawszych z przyrodniczego punktu widzenia miejsc w Krakowie. W południowej części stoków wzgórz wapiennych oferują one warunki do rozwoju roślinności ciepłolubnej muraw i zarośli kserotermicznych.</p>
</div>
</div>
</div>
<table class="table table-striped">
<thead>
<tr>
<th>Nazwa rezerwatu</th></th>
<th>Powierzchnia</th></th>
<th>Obiekt Ochrony</th>
</tr>
</thead>
<tbody>
<tr>
<td>Bielańskie skałki</td>
<td>1,48 ha</td>
<td>Krowodrza</td>
</tr>
<tr>
<td>Bonarka</td>
<td>2,15 ha</td>
<td>Ruczaj</td>
</tr>
<tr>
<td>Panieńskie skałki</td>
<td>Dooley</td>
<td>Dębniki</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
About Online Bootstrap Compiler
Try our Online Bootstrap Editor | Online Bootstrap Compiler (Version Bootstrap (3.3.1)) to Edit, Run, and Share your Bootstrap Code directly from your browser. This online development environment provides you the latest version Bootstrap (3.3.1).
How to use Online Bootstrap Editor | Online Bootstrap Compiler?
Write and Execute Code
- Write your program (or, paste it) directly under the "Source Code" tab.
- If you want to save your program, go to the "Project" menu and save it.
- You can directly execute your program without saving it by clicking on on "Execute" button.
User Input
The latest version of Coding Ground allows to provide program input at run time from the termnial window exactly the same way as you run your program at your own computer. So simply run a program and provide your program input (if any) from the terminal window available in the right side.
Online Bootstrap Editor | Online Bootstrap Compiler: Keyboard Shortcuts
The following are the keyword shortcut of this Online Bootstrap Editor | Online Bootstrap Compiler:
Shortcut | Description |
⌘ + Enter | Run the program |
⌘ + S | Save Project (Login Required) |
⇧ + ⌘ + S | Save As Project |
⌘ + P | New Project |
⌘ + G | Share Project |
⌘ + Z | Undo Editing |
⌘ + Y | Redo Editing |
⌘ + A | Select All Text |
⌘ + X | Cut Selected Text |
⌘ + C | Copy Selected Text |
⌘ + V | Paste Copied Text |
⌘ + F | Search Text |
⌘ + ⌥ + F | Replace Text |
Shortcut | Description |
Ctrl + Enter | Run the program |
Ctrl + S | Save Project |
Shift + Ctrl + S | Save As Project |
Ctrl + G | Share Project |
Ctrl + Z | Undo Editing |
Ctrl + Y | Redo Editing |
Ctrl + A | Select All Text |
Ctrl + X | Cut Selected Text |
Ctrl + C | Copy Selected Text |
Ctrl + V | Paste Copied Text |
Ctrl + F | Search Text |
Ctrl + H | Replace Text |
Online Bootstrap Editor | Online Bootstrap Compiler: Save and Share Bootstrap Code (Project)
Save Bootstrap Project Online
You can save your Bootstrap Project with us so that you can access this project later on. To save a project you will need to create a login Id with us. So before you save a project, please create a login Id using a link given at the top right corner of this page.
Share Bootstrap Project Online
You can use this feature to share your Bootstrap Code with your teachers, classmates and colleagues. Just click Share Button and it will create a short link, which can be shared through Email, WhatsApp or even through Social Media. A shared link will be deleted if it has been passive for almost 3 months.
More Features of Online Bootstrap Editor | Online Bootstrap Compiler
- Theme – You can change the current editor's theme from the "Editor Theme" option under "Settings" menu.
- Font Size – You can change the font size of the editor /compiler from from the "Font Size" option under "Settings" menu.
- Tab Size – You can change the tab size from the "Tab Size" option under "Settings" Menu.
- Show/Hide Line Numbers – You can show/hide the line number with the code from the "Show Line Numbers" or "Hide Line Numbers" option under "Settings" Menu.
- And, many more.
Benefits of Using Online Bootstrap Editor | Online Bootstrap Compiler
There are several benefits of using the Online Bootstrap Editor | Online Bootstrap Compiler to run your Bootstrap code:
- Platform independence: You can run your code from any device without taking care of operating systems.
- Convenience: You don't need to install anything for using this.
- No setup required: There is no need for additional setup to run your code.
- Updated version: Our online compiler/editors/terminals are the latest up-to-date.