Bootstrap中的窄列

时间:2015-10-24 04:52:16

标签: css twitter-bootstrap

我有一个2列网格(实际上,有些行在另外5列网格中有2列)。我试图让第一个尽可能地缩小,并将剩余的长度给另一个。嵌套不起作用,因为我只有2列。

基本上,我想要类似col-xs-0.5或更好的解决方案,这将使第一列足够宽以适应*

以下是一个示例:https://jsfiddle.net/4jcL24ze/8/

<div class="container">
   <div class="row">
       <div class="col-xs-1">*</div>
       <div class="col-xs-11">some long description</div>
    </div>
</div>

1 个答案:

答案 0 :(得分:3)

窄栏

您可以为布局使用自定义类。由于.col-xs-0.5col-xs-1的一半,因此您可以使用8.33/2 = 4.166%并类似地从col-xs-11.5中减去宽度。但这只是为了缩小列,如果你需要在星号上加上文字说明,则不需要。

使用描述

安装*

我不确定为什么您需要将*分隔到新列,如果您可以将col-xs-12文本放在.col-xs-05, .col-xs-115 { float: left; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } .col-xs-05 { width: 4.166%; } .col-xs-115 { width: 95.33%; }这样的文章中:JSfiddle

&#13;
&#13;
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
   <div class="row">
       <div class="col-xs-05">*</div>
       <div class="col-xs-115">some long description</div>
    </div>
</div>
&#13;
   #include <stdio.h>
   #include <stdlib.h>
   #include <fcntl.h>
   #include <sys/types.h>
   #include <sys/stat.h>
   #include <sys/mman.h>

   int main()
   {
    int fd=open("/home/victor/hello",O_WRONLY);

    if(fd<0)
    {
            perror("Open");
            exit(EXIT_FAILURE);
    }

    struct stat sbuf;

    if(fstat(fd, &sbuf)==-1){
            perror("stat");
            close(fd);
            exit(EXIT_FAILURE);
    }

    void* file_memory= mmap(NULL, sbuf.st_size, PROT_WRITE, MAP_SHARED,fd,0);
    if (file_memory == MAP_FAILED ) {
            perror("Error mmapping the file");
            close(fd);
            exit(EXIT_FAILURE);
    }

    return 0;
   }
&#13;
&#13;
&#13;

JSfiddle Demo