need to add 2 more columns

Id like to add Begin date, End date..

<div class="row">
      <div class="large-7 small-8 columns">
            <asp DropDownList ID="ddl1" runat="server"></asp DropDownList>
    </div>
     < div class="large-5 small - 3 columns">
         <asp DropDownList ID="dd2" runat="server"></asp DropDownList>
    </div>
  'Here Id like to add two columns for Begin Date,End Date.
   <div class= ""> 'what adjustments on column needed?  --Beg date
   </div>

 <div class= ""> 'what adjustments on column needed? -End Date
   </div>

Open in new window

zachvaldezAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
Julian HansenConnect With a Mentor Commented:
Did you try the code posted - your last comment does not say where we are with this.
There is a small typo with the extra space in the one class - fixed and replicated below.
<div class="row">
	<div class="large-6 small-7 columns">
		<asp DropDownList ID="ddl1" runat="server"></asp DropDownList>
	</div>
	<div class="large-4 small-3 columns">
		<asp DropDownList ID="dd2" runat="server"></asp DropDownList>
	</div>
	<div class= "large-1 small-1"> 'what adjustments on column needed?  --Beg date
	</div>

	<div class= "large-1 small-1"> 'what adjustments on column needed? -End Date
	</div>
</div>

Open in new window

0
 
Julian HansenCommented:
What framework are you using?
If you are using a 12 column layout then the sum of the column sizes must add up to 12.

So you have a column 7 and a column 5

To add 2 more first you have to decide how many columns (of 12) you want per new column and then you have to reduce the existing columns so that the total is still 12

Sample only - without know what framework you are using I cannot test this
<div class="row">
	<div class="large-6 small-7 columns">
		<asp DropDownList ID="ddl1" runat="server"></asp DropDownList>
	</div>
	<div class="large-4 small -3 columns">
		<asp DropDownList ID="dd2" runat="server"></asp DropDownList>
	</div>
	<div class= "large-1 small-1"> 'what adjustments on column needed?  --Beg date
	</div>

	<div class= "large-1 small-1"> 'what adjustments on column needed? -End Date
	</div>
</div>

Open in new window

0
 
zachvaldezAuthor Commented:
foundation 6 framework.
0
 
zachvaldezAuthor Commented:
That's it!
0
All Courses

From novice to tech pro — start learning today.