Difference between revisions of "Template:CSMU Taiwan/navBar"

Line 141: Line 141:
 
             <div class="container-fluid" style="height: 100%;padding-top: 17px;margin-left: 0px;margin-right: 0px;">
 
             <div class="container-fluid" style="height: 100%;padding-top: 17px;margin-left: 0px;margin-right: 0px;">
 
                 <div class="row" style="height: 100%;">
 
                 <div class="row" style="height: 100%;">
                     <div class="row col-lg-12 col-md-12 text-left-xs text-left-sm" style="display: flex;align-items:center;">
+
                     <div class="row col-lg-22 col-md-12 text-right text-left-xs text-left-sm" style="display: flex;align-items:center;">
                         <div class="col-lg-2 col-md-2 hidden-xs hidden-sm " style="padding-top: 0.2em;padding-right: 4px;height: 100%;padding-left: 0px;display: flex;">
+
                         <div class="col-lg-2 col-md-2 hidden-xs hidden-sm" style="padding-top: 0.2em;padding-right: 4px;height: 100%;padding-left: 0px;display: flex;">
 
                             <div class="dropdown">
 
                             <div class="dropdown">
 
                                 <a href="https://2019.igem.org/Team:CSMU_Taiwan">
 
                                 <a href="https://2019.igem.org/Team:CSMU_Taiwan">
Line 163: Line 163:
 
                                     <span class="dropdown__trigger navLinks">Team</span>
 
                                     <span class="dropdown__trigger navLinks">Team</span>
 
                                     <div class="dropdown__container" style="left: -431px;">
 
                                     <div class="dropdown__container" style="left: -431px;">
                                         <div class="container">
+
                                         <div class="container" style="max-width: 100%">
 
                                             <div class="row">
 
                                             <div class="row">
 
                                                 <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(255, 255, 255); padding: 0px; left: 431px;">
 
                                                 <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(255, 255, 255); padding: 0px; left: 431px;">
Line 180: Line 180:
 
                                     <span class="dropdown__trigger navLinks">Project</span>
 
                                     <span class="dropdown__trigger navLinks">Project</span>
 
                                     <div class="dropdown__container" style="left: -508.844px;">
 
                                     <div class="dropdown__container" style="left: -508.844px;">
                                         <div class="container">
+
                                         <div class="container" style="max-width: 100%">
 
                                             <div class="row">
 
                                             <div class="row">
 
                                                 <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(255, 255, 255); padding: 0px; left: 508.844px;">
 
                                                 <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(255, 255, 255); padding: 0px; left: 508.844px;">
Line 222: Line 222:
 
                                         Achievements
 
                                         Achievements
 
                                     </span>
 
                                     </span>
                                     <div class="dropdown__container">
+
                                     <div class="dropdown__container" style="left: -605.953px;">
                                         <div class="container">
+
                                         <div class="container" style="max-width: 100%">
 
                                             <div class="row">
 
                                             <div class="row">
                                                 <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(255, 255, 255); padding: 0px;">
+
                                                 <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(255, 255, 255); padding: 0px; left: 605.953px;">
 
                                                     <ul class="menu-vertical" style="font-size: 16px;padding-bottom: 10px;padding-top: 10px;list-style-type: none;">
 
                                                     <ul class="menu-vertical" style="font-size: 16px;padding-bottom: 10px;padding-top: 10px;list-style-type: none;">
 
                                                         <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Parts"> Parts</a>
 
                                                         <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Parts"> Parts</a>
Line 243: Line 243:
 
                                     </span>
 
                                     </span>
 
                                     <div class=" dropdown__container" style="left: -707.219px;">
 
                                     <div class=" dropdown__container" style="left: -707.219px;">
                                         <div class="container">
+
                                         <div class="container" style="max-width: 100%">
 
                                             <div class="row">
 
                                             <div class="row">
 
                                                 <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(255, 255, 255); padding: 0px; left: 707.219px;">
 
                                                 <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(255, 255, 255); padding: 0px; left: 707.219px;">
Line 266: Line 266:
 
             </div>
 
             </div>
 
             <!--end of container-->
 
             <!--end of container-->
             <!--counter
+
             <!--counter-->
 
             <div class="header" style="top: 8px; position: relative;">
 
             <div class="header" style="top: 8px; position: relative;">
 
                 <div class="progress-container" style=" height: 8px;">
 
                 <div class="progress-container" style=" height: 8px;">
 
                     <div style="height: 8px; width: 0px;" class="progress-bar" id="myBar"></div>
 
                     <div style="height: 8px; width: 0px;" class="progress-bar" id="myBar"></div>
 
                 </div>
 
                 </div>
             </div>-->
+
             </div>
 
         </nav>
 
         </nav>
 
     </div>
 
     </div>

Revision as of 04:20, 11 September 2019

Stack Multipurpose HTML Template