तो मेरे पास यहां एएसपी का यह सा है:

<asp:Panel runat="server" ID="pnlNavigator" CssClass="panel panel-primary">
    <div class="panel-body" style="width:100%">

        <div style="display:inline-block" >

            <br /><br />
            <div class="container" style="display:inline-block">
                    <asp:TextBox runat="server" Enabled="false" Width="33%" TextMode="MultiLine" Text=" ***Teacher Training, CPD, Mentor Training***">

                </asp:TextBox>
                    <asp:TextBox runat="server" Enabled="false" Width="33%" TextMode="MultiLine" Text="***Sports Science, steps, FMS facilitator***">

                </asp:TextBox>
                    <asp:TextBox runat="server" Enabled="false" Width="33%" TextMode="MultiLine" Text="***Professional Development, Consultant***">

                </asp:TextBox>
            </div>



        </div>
    </div>



</asp:Panel>

और मूल रूप से वे पूरे पैनल को नहीं भर रहे हैं, वे केवल आधे रास्ते तक पहुंच रहे हैं और फिर नीचे एक नई लाइन शुरू कर रहे हैं, कोई मदद?

0
Reece Hewitson 5 नवम्बर 2017, 17:31

1 उत्तर

सबसे बढ़िया उत्तर

बूटस्ट्रैप .css एक पिक्सेल ::before और ::after तत्वों को जोड़ता है ताकि तीनों textarea की संयुक्त चौड़ाई 100% से अधिक हो।

पहला समाधान: चौड़ाई में 1% की कमी करें

<asp:TextBox runat="server" Enabled="false" Width="32%" TextMode="MultiLine" Text="***Sports Science, steps, FMS facilitator***">
</asp:TextBox>

दूसरा समाधान: लेआउट को नियंत्रित करने के लिए बूटस्ट्रैप ग्रिड सिस्टम का उपयोग करें

<asp:Panel runat="server" ID="pnlNavigator" CssClass="panel panel-primary">
    <div class="panel-body">
        <%-- style="width:100%">--%>
        <div class="container-fluid">
            <%-- style="display:inline-block" >--%>
            <%--            <br /><br />--%>
            <div class="row">
                <%-- style="display:inline-block">--%>
                <div class="col-sm-4">
                    <asp:TextBox runat="server" Enabled="false" Width="100%" TextMode="MultiLine" Text=" ***Teacher Training, CPD, Mentor Training***">
                    </asp:TextBox>
                </div>
                <div class="col-sm-4">
                    <asp:TextBox runat="server" Enabled="false" Width="100%" TextMode="MultiLine" Text="***Sports Science, steps, FMS facilitator***">
                    </asp:TextBox>
                </div>
                <div class="col-sm-4">
                    <asp:TextBox runat="server" Enabled="false" Width="100%" TextMode="MultiLine" Text="***Professional Development, Consultant***">
                    </asp:TextBox>
                </div>
            </div>
        </div>
    </div>
</asp:Panel>
0
Alex Kudryashev 5 नवम्बर 2017, 21:46