Better handle small screen sizes
This commit is contained in:
parent
d5c68cd237
commit
d86fbae8ed
2 changed files with 44 additions and 35 deletions
10
index.html
10
index.html
|
|
@ -17,7 +17,7 @@
|
|||
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4">
|
||||
<nav class="navbar navbar-expand-sm navbar-dark bg-dark mb-4">
|
||||
<!-- <a class="navbar-brand" href=".">Start</a >-->
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse"
|
||||
aria-expanded="false" aria-label="Toggle navigation">
|
||||
|
|
@ -28,10 +28,10 @@
|
|||
<!-- Keep this to push elements to the right -->
|
||||
</ul>
|
||||
<form class="form-inline mt-2 mt-md-0">
|
||||
<button class="btn btn-light ml-sm-2" type="button" data-Toggle="modal" data-target="#aboutModal">About</button>
|
||||
<button class="btn btn-light ml-sm-2" type="button" data-Toggle="modal" data-target="#importExportModal">Import/Export</button>
|
||||
<button id="btnEdit" class="btn btn-light ml-sm-2" type="button"><span class="fa fa-exclamation-circle"></span> Edit</button>
|
||||
<button class="btn btn-light ml-sm-2" type="button" data-toggle="modal" data-target="#newBookmarkModal"><span class="fa fa-exclamation-circle"></span> Add</button>
|
||||
<button class="btn btn-light ml-2" type="button" data-Toggle="modal" data-target="#aboutModal">About</button>
|
||||
<button class="btn btn-light ml-2" type="button" data-Toggle="modal" data-target="#importExportModal">Import/Export</button>
|
||||
<button id="btnEdit" class="btn btn-light ml-2" type="button"><span class="fa fa-exclamation-circle"></span> Edit</button>
|
||||
<button class="btn btn-light ml-2" type="button" data-toggle="modal" data-target="#newBookmarkModal"><span class="fa fa-exclamation-circle"></span> Add</button>
|
||||
</form>
|
||||
</div>
|
||||
</nav>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue