javascript - Bootstrap is not working properly in different screens -


After text "itemprop =" text ">

I am using bootsrap3 in my app. In the 2 divs see and div div in 2 divs with each div Col-md-6 and another 2 divs col-md-3

has 2 images in 2 divisions (one image in each div When Bella is in full width and height, there is no space between the images, but when Bella turns a little bit, then the blank space appears between the images and the second d V also comes true.

My requirement - In the computer pc, I want the left side (div containing logo) towards 1 division and 2 div (containing the right side side images), but in the mobile i want all divs ( 1 and 2 are not visible to each other after working. Herewith I am also attached both screenshots) but it is doing this.

Enter image details here

In the above screenshot, the logo divide The image is right on the left and according to my image the image is correct.

Enter image details here

Now the screenshot above In, I have just changed the width of some of the buses and both the lights are coming to the left side, as well as the space between the images has also increased.Where did I make a mistake?

Enter image details here

Picture above Is working fine for

this is my html code 

   & Lt; Span class = "Caption Simple Caption" & gt; & Lt; P & gt; Review & lt; / P & gt; & Lt; / Span & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "col-md-3" & gt; & Lt; Div class = "box" & gt; & Lt; Img src = "http://lorempixel.com/150/100/food" /> & Lt; Span class = "Caption Simple Caption" & gt; & Lt; P & gt; Review & lt; / P & gt; & Lt; / Span & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Span & gt; & Lt; One class = "next" href = "#" & gt; Next & lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;    
 
 
 If I understand your question correctly, then you can choose between small screen devices Also want to target mobile and medium devices.  
 You may also need to define the grid size on this width, as I think the default bootstrap stack at this point.  
 You can do this by referencing the size of the same grid with  .col-sm - *   
:  
  & lt; Div class = "col-sm-6" & gt;   
 -EDIT -  
 Also define xs devices to get the required result, for example:  
  & lt ; Div class = "col-xs-12 col-sm-6" & gt;

Comments

Post a Comment

Popular posts from this blog

c - Mpirun hangs when mpi send and recieve is put in a loop -

I was trying to use the program to use mifrewan on 4 node clusters. Distributing node 0 data in nodes 1, 2 and 3. In the program, from '90 'to variable values ​​of' dior 'to be calculated. Therefore the node is distributing data and collecting results in an omitted fashion (for different values ​​of var 'dir') when do {*******} Whereas (dir Loop is given, Mippun is hanging, and no output is found. But when I comment on two {*******} (dir The loop output is obtained for the initial value of variable dir dir = -90 ), and that output is correct. The problem occurs when the loop is given. Can anyone help me in solving this problem. #include "mpi.h" int main (int argc, char * argv []) Float dir = -90; Int rank, nanoprakash; MPI_Status status; MPI_Init (& amp; argc, & argv); MPI_Comm_rank (MPI_COMM_WORLD, & amp; Rank); MPI_Comm_size (MPI_COMM_WORLD, & amp; numprocs); If (rank == 0) {/ / data to begin / / (dest = 1; dest ...
Read more

python - Apply coupon to a customer's subscription based on non-stripe related actions on the site -

I can not find anything in the source about using coupons after subscribing to a user's plan. Is it possible to use a coupon to credit a user's membership after initial subscription? If not, what is the best option? Specifically, I want to give a user 100% coupon for that month, when they take 5 [site specific actions]. This is possible, but may not be the best idea. Coupons are currently applied to the stripe, then apply again at the customer level and each client can have a single coupon. So if you are already offering discounts to the coupon, then the customer who is currently in the present will also give up. It also means that if you are using a recently-added multiple subscription capacity, then all of the user's subscription will be ready for the month. Coupons can be set to "Once", only once (as the only name) can be used by any customer, so if this credit can earn more than once, You will have to maintain a 100% discount coupon continuousl...
Read more

java - Unable to get JDBC connection in Spring application to MySQL -

मैंने स्प्रिंग में डीबी कॉन्फ़िगरेशन का पालन किया है: & lt; bean id = "dataSource" Class = "org.apache.commons.dbcp.BasicDataSource" नष्ट-विधि = "बंद" & gt; & Lt; प्रॉपर्टी नाम = "url" मान = "jdbc: dburl" / & gt; & Lt; संपत्ति नाम = "driverClassName" मान = "com.mysql.jdbc.Driver" / & gt; & Lt; संपत्ति नाम = "उपयोगकर्ता नाम" मान = "उपयोगकर्ता नाम" / & gt; & Lt; संपत्ति नाम = "पासवर्ड" मान = "पासवॉर्फ" / & gt; & Lt; प्रॉपर्टी नाम = "हटाए गए हटाए गए" मान = "सही" / & gt; & Lt; गुण नाम = "प्रारंभिक आकार" मान = "3" / & gt; & Lt; संपत्ति नाम = "अधिकतमअक्टिव" मान = "5" / & gt; & Lt; / सेम ​​& gt; डीबी से गुण मूल्यों को लोड करने के लिए अतिरिक्त कॉन्फ़िगरेशन। & lt; bean id = "config1" class = "org.apache.commons.configuration....
Read more