I just want to show my buttons at top right corner of the screen. I tried a lot to do so and Google it too. I also used tag of pull-right but unable to figure out why they are not appearing at the desired position. Any help? Here is my code:
@{ ViewBag.Title = "ListCams"; Layout = "~/Views/Shared/_Layout.cshtml"; }
<style>
div.scroll {
overflow-y: hidden;
overflow-x: hidden;
}
button {
background-color: Transparent;
background-repeat: no-repeat;
border: none;
cursor: pointer;
overflow: hidden;
outline: none;
}
</style>
<div class="panel panel-default">
<div class="panel-heading">
@*
<h1 style="color:#F4981F; font-family:'Segoe Marker'">Cams List</h1>*@
<div class="scroll">
<form action="/Home/Redirect">
<div class="btn-group pull-right">
<button name="button1" value="list" type="submit" class="button" style="width:60px; height:58px; border:none">
<img src="~/Images/List.png" width="53" height="55" />button2</button>    
<button name="button1" value="stream" type="submit" class="button" style="width:60px; height:58px; border:none">
<img src="~/Images/House.png" width="53" height="55" />button2</button>    
<button name="button1" value="setting" type="submit" class="button" style="width:60px; height:58px; border:none">
<img src="~/Images/Settings.png" width="53" height="55" />button4</button>    
<h1 style="color:#F4981F; font-family:'Segoe Marker'">Cams List</h1>
</div>
</form>
</div>
</div>
</div>
See Question&Answers more detail:os