asp.net - Bootstrap alignment with rows and margins -



asp.net - Bootstrap alignment with rows and margins -

i trying align buttons in center. , text pulled right want next buttons, , centered. ive been trying placing rows in every possible combination , ive tried centering stuff in sort of ways cant right. @ moment i'm forced utilize <br> of remain on same row. there must way prepare i'm missing. if seek remove pull-right changes row instead of placing next button.

code:

<itemtemplate> <td> <div class="list-group-item"> <a href="<%# "http://" + eval("url") %>" class="list-group-item col-md-5"><%# eval("url") %></a> <asp:linkbutton id="upvotebutton" runat="server" cssclass="btn btn-default btn-xs" style="margin-left:2%"><i class="fa fa-chevron-up" style="color:green"></i></asp:linkbutton> <div class="pull-right"> <asp:label id="labelscore" runat="server" text="score: "></asp:label> <asp:label id="labelscorevalue" runat="server" text="234"></asp:label> </div> <br /> <asp:linkbutton id="downvotebutton" runat="server" cssclass="btn btn-default btn-xs" style="margin-left:2%"><i class="fa fa-chevron-down" style="color:red"></i></asp:linkbutton> </div> </td> </itemtemplate>

current look:

i have fixed issue way, seek 1 , see if works.

<style> a.lnk-content, .lbl-score { display:block; margin-left: 30px; /* adjust based on requirement*/ margin-top: 10px; /* adjust based on requirement*/ } </style> <td style="border: 1px solid black; height: 50px;"> <div class="row"> <div class="col-xs-7"> <!-- adjust columns based on needs --> <a href="#" class="lnk-content">this link</a> </div> <div class="col-xs-5"> <!-- adjust columns based on needs --> <div class="pull-left"> <div><asp:linkbutton id="upvotebutton" runat="server" cssclass="btn btn-default btn-xs"><i class="fa fa-chevron-up" style="color:green"></i></asp:linkbutton></div> <div><asp:linkbutton id="downvotebutton" runat="server" cssclass="btn btn-default btn-xs"><i class="fa fa-chevron-down" style="color:red"></i></asp:linkbutton></div> </div> <div class="lbl-score"> <asp:label id="labelscore" runat="server" text="score: "></asp:label> <asp:label id="labelscorevalue" runat="server" text="234"></asp:label> </div> </div> </div> </td>

and result, adjust in anyway want now: buttons on result below don't appear because don't have styles.

i hope helps you.

asp.net twitter-bootstrap twitter-bootstrap-3

Comments

Post a Comment

Popular posts from this blog

model view controller - MVC Rails Planning -

model view controller - MVC Rails Planning - i'm starting rails , i'm building app stores films info, user can watch film , give grade on web application. i have coded cinema model, controller , views. now, have 2 questions: should need create model , controller grading? in case, should create or should wait , create first users model , controller? yes, on model , controller grades. that'd feasible way maintain track of who's graded what. it's create first, i'd start users, since grades depend on both films , users. ruby-on-rails model-view-controller
Read more

ruby on rails - Devise Logout Error in RoR -

ruby on rails - Devise Logout Error in RoR - while using devise in ror, encountering unusual error when trying log out url different root url. displays me : actioncontroller::invalidauthenticitytoken in devise::sessionscontroller#destroy" for illustration if rooting path after log in '/structure', , seek log out '/general' error, while logging out '/structure' fine. any help highly appreciated. ruby-on-rails ruby devise
Read more

html - Submenu setup with jquery and effect 'fold' -

html - Submenu setup with jquery and effect 'fold' - i want open submenu jquery effect fold, problem if user "hover effect" fast menu remain open, how can avoid this, jquery code is: $('ul.mainmenu li').hover( function() { $(this).children('ul').show('fold', 570); }, function() { $(this).children('ul').hide('fold', 500); } ); my jsfiddle link is: http://jsfiddle.net/9wkbf/ updated fiddle the reason behind problem is, first event $(this).children('ul').show('fold', 570); queued , until completes, sec animation not start. the next snippet can workaround $('ul.mainmenu > li').hover( function() { $(this).children('ul').show('fold', 570); }, function() { $('ul:not(.mainmenu)').hide('fold', 500); } ); *important note : work current scenario. jquery html css
Read more